【问题标题】:thead and tbody not matching in datatablethead 和 tbody 在数据表中不匹配
【发布时间】:2022-12-30 15:40:52
【问题描述】:

            $('#example').DataTable({
                
                lengthMenu: [2, 4, 6],
                ordering: false,
                serverSide: false,
                processing: false,
                responsive: true,
                lengthChange: true,
                autoWidth: true,
                searching: false,
                scrollY: '200px',
                scrollX: false,
                scrollCollapse: true,
                bInfo : false,
                paging: false,
                lengthChange: false

            });

当我删除 scrollY 和 scrollColapse 它解决了问题,但我的表无法滚动

【问题讨论】:

  • 请阐明您的具体问题或提供更多详细信息以准确突出您的需求。正如目前所写的那样,很难准确地说出你在问什么。
  • 您可以按照创建minimal reproducible example 的指导方针,然后edit 您的问题。

标签: javascript html-table datatable scroll


【解决方案1】:

移除“scroll”、“scrollCollapse”属性,然后为 div 标签设置“max-height”和“overflow”样式

max-height: 500px;
overflow-y: auto;

example here

【讨论】:

  • 您的答案可以通过其他支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以在in the help center找到更多关于如何写出好的答案的信息。