微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决数据表、清洁器和动态列标题

我正在使用具有过滤和搜索功能的数据表,但发现标题很脏。我知道这是因为例如列的值。血型为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'
  });

} );

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。