代码之家 › 专栏 › 技术社区 › Julie S.

为什么数据表最后一个标题与最后一列不对齐?

zurb-foundation-5 datatables-1.10 datatables

Julie S. · 技术社区 · 9 年前

我用DataTable库创建了一个表(即使用foundation zurb 5.5.3),根据下图,我在Chrome和IE 11中都看到了最右边的列标题第一次打开页面时不与其他行对齐。实际网页为 http://iprobesolutions.com/learn/wireless-conference-system-comparison 但是,如果我打开devtools尝试检查代码,问题就会出现!然而,当我用CTRL+F5刷新时,它会重新出现。

当我创建此小提琴时,问题不会出现: http://jsfiddle.net/setbon/x75o53ck/

<table id="example" class="display nowrap table1 compact">

2 回复 | 直到 9 年前

K Thorngren 9 年前

我看到您正在加载Datatables FixedHeader代码。我不知道您是如何使用它的,也不知道您是否正在使用它,但它与scrollX和scrollY不兼容: https://datatables.net/extensions/fixedheader/

尝试删除FixHeader或滚动选项。

Gyrocode.com 9 年前

通常,当初始化时隐藏表,然后在选项卡、模式对话框等中可见时,就会出现此类问题。

在大多数情况下,解决方案是调用 columns.adjust()

table.columns.adjust();

foundation() 初始化表时。

看见 jQuery DataTables: Column width issues with Bootstrap tabs

推荐文章

user7978660 · jquery数据表“bLengthChange”:true,不显示长度菜单

8 年前

Michael Sørensen · 在数据表中实现自定义搜索。带角度4的网络

8 年前

ÐÐ°ÑÐ¸Ñ · 数据表。js:如何通过分页循环表中的行,访问单元格的自定义数据属性并在其中设置自定义html

8 年前

zzMzz · DataTables导出按钮问题-按钮未显示

9 年前

Julie S. · 为什么数据表最后一个标题与最后一列不对齐?

9 年前

user8012596 · Datatable pdf自定义不在标题中选取动态值

9 年前

Jake Sylvestre jjNford · 如何禁用jquery数据表上的拖放

9 年前

karmendra · DataTables 1.10列计数

10 年前

fips123 · 数据表:更改日期格式

10 年前

Alex01 · 工具提示不适用于数据表子行

11 年前