数据表、清洁器和动态列标题

问题描述

我正在使用具有过滤和搜索功能的数据表,但发现标题很脏。我知道这是因为例如列的值。血型为C,C只有一个字母,因此列标题的外观变得扭曲。

  1. 在调整标题宽度时,如何优先考虑标题名称而不是列值?请参阅下面的表格。

sample data table

  1. 如何删除排序按钮(向上和向下箭头)。或者我如何改变它?我仍然想要排序,但钻石的东西看起来很不干净。

解决方法

(1) 为防止标题中的自动换行,请将空格 替换为 non-breaking spaces。您可以使用以下 HTML 代码: .

Logged (Last 4)

(2) 要隐藏三角形(背景图像),您可以按照表格定义使用以下 CSS 选择器。:

$(document).ready(function() {

  var table = $('#yourtableidhere').DataTable( {
    // your table definition here
  } );

  // as well as hiding the triangles,you may also
  // want to set the cursor behavior,for consistency: 
  $("th.sorting,th.sorting_asc,th.sorting_desc").css({
    'background-image': 'none','cursor': 'default'
  });

} );

(如果某些用户看不到这些三角形,他们可能会感到困惑。)