代码之家 › 专栏 › 技术社区 › Bolek Lolek

具有动态高度的数据表固定列

datatables datatable css jquery javascript

Bolek Lolek · 技术社区 · 7 年前

http://jsfiddle.net/rn68jqth/20/

2 回复 | 直到 7 年前

Chanckjh 7 年前

隐藏后需要重新绘制表。 http://jsfiddle.net/rn68jqth/42/

$(function() {
var table = $('#example').DataTable(
        {
          scrollY: "300px",
          scrollX: true,
          scrollCollapse: true,
          paging: false,
          ordering: false,
          bInfo: false,
          searching: false,
          fixedColumns:   {
            leftColumns: 1,
            heightMatch: 'auto'
          },
        });

  $('tr').on('click', function() {
  let index =  $(this).data('id');
    $('.tr_'+index).hide(function()
    {
        table.draw();
    });
  });


});

Abhishek Sharma 7 年前

http://jsfiddle.net/rn68jqth/67/

$(function() {
var table = $('#example').DataTable(
        {
          scrollY: "300px",
          scrollX: true,
          scrollCollapse: true,
          paging: false,
          ordering: false,
          bInfo: false,
          searching: false,
          fixedColumns:   {
            leftColumns: 1,
            heightMatch: 'auto'
          },
        });

  $('tr').on('click', function() {
  var index =  $(this).data('id');
    //$('.tr_'+index).hide('fast');
    $('.tr_'+index).attr("style","display:none;");
    $('#example').DataTable().destroy();
    $('#example').DataTable({
    scrollY: "300px",
          scrollX: true,
          scrollCollapse: true,
          paging: false,
          ordering: false,
          bInfo: false,
          searching: false,
          fixedColumns:   {
            leftColumns: 1,
            heightMatch: 'auto'
          },
    });
  });
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

9 月前

user28928120 · 如何在jquery中选择所有类?

9 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

9 月前