Css 调整标头大小不适用于DataTable js

我有一个响应数据表，除了标题。该表根据以下代码进行初始化：

  $('.datatable-objects').DataTable({
    autoWidth: false,
    responsive: true,
    scrollX: true,
    dom: '<"datatable-header"fl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
    language: {
      search: '<span>Filter:</span> _INPUT_',
      lengthMenu: '<span>Show:</span> _MENU_',
      paginate: { 'first': 'First', 'last': 'Last', 'next': '&rarr;', 'previous': '&larr;' }
    }

  });

  // Add placeholder to the datatable filter option
  $('.dataTables_filter input[type=search]').attr('placeholder','Type to filter...');

  // Enable Select2 select for the length option
  $('.dataTables_length select').select2({
      minimumResultsForSearch: Infinity,
      width: 'auto'
  });

  $('.dataTables_scrollHeadInner').css({"width":"100%"});
  $('.datatable-objects').css({"width":"100%"});
  $('.datatable-objects').on( 'draw.dt', function () {
    $('.dataTables_scrollHeadInner').css({"width":"100%"});
    $('.datatable-objects').css({"width":"100%"});
  });
});

$（'.datatable对象'）.datatable({
自动宽度：false，
回答：是的，
是的，
dom:“”，
语言：{
搜索：“筛选器：\u输入\u”，
长度菜单：“显示：\菜单”，
分页：{'first'：'first'，'last'：'last'，'next'：'&rarr；'，'previous'：'&larr；'}
}
});
//将占位符添加到datatable筛选器选项
$（'.dataTables_filter input[type=search]'）.attr（'placeholder'，'type to filter…'）；
//启用Select2选择长度选项
$（'.dataTables_length select'）。选择2({
搜索的最小结果：无穷大，
宽度：“自动”
});
$（'.dataTables_scrollHeadInner'）.css（{“宽度”：“100%”）；
$（'.datatable objects'）.css（{“宽度”：“100%”）；
$（'.datatable对象'）。on（'draw.dt'，function（）{
$（'.dataTables_scrollHeadInner'）.css（{“宽度”：“100%”）；
$（'.datatable objects'）.css（{“宽度”：“100%”）；
});
});

我需要在最后的css黑客，以使其调整适当的窗口大小调整。否则，width属性中存在硬大小，并且调整大小无法正常工作。 我不清楚为什么我需要添加这个，而在其他示例中，我认为没有必要。有人提出建议吗？

假设您有“tbl principal”表，那么您只需要添加以下内容：

$('#tbl-principal').dataTable().fnAdjustColumnSizing();

备注：如果您需要在调整窗口大小时调整大小，则需要将上述代码放入$（窗口）调整大小功能

在我的情况下，我正在做一个表演/隐藏节目，所以。。。我只是把代码放在我的函数上

---

就这样。。。它起作用了

我怀疑

autoWidth:false

应对不适当的大小调整负责…@davidkonrad不幸的是，这对这个问题没有影响。嘿@Rudi，你能做一把小提琴来重现这种行为吗？这里是一个起点->