Javascript 具有动态高度的Datatable fixedcolumn

在我点击

（删除行）之前，一切都正常。表的高度已更改，但固定列的高度始终相同。问题是，删除行（固定列下的部分）后，我无法使用底部滚动条

---

隐藏表格后，需要重新绘制表格。

---

隐藏表后，需要重新绘制它。

---

您还可以销毁该表并重新创建，而不是使用“隐藏”“显示”“无”。

---

您还可以销毁该表并重新创建，而不是使用“隐藏”“显示”“无”。

---

重画后必须再次绑定单击事件-否则无法删除更多行重画后必须再次绑定单击事件-否则无法删除更多行

$(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();
    });
  });


});

$(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'
          },
    });
  });
});