datatables.net列宽以%和px为单位

时间:2011-10-04 10:18:48

标签: javascript css datatables

我正在使用datatables.net并且需要有一些固定宽度的列和其他需要在%中划分重新存在的空间

这是我的代码

{ "sName": "ragsoc_denom", "sWidth": "100%"},
{ "sName": "piva", "sWidth": "80px"},
{ "sName": "telefono", "sWidth": "100px"},
{ "sName": "indirizzo", "sWidth": "100px"},
{ "sName": "cap", "sWidth": "50px"},
{ "sName": "citta", "sWidth": "50px"},
{ "sName": "id", "sWidth": "70px"}

但是它不起作用,百分比表占用了所有可用空间,固定宽度的表被拉伸到最小值

3 个答案:

答案 0 :(得分:3)

尝试设置“bAutoWidth”:false,

答案 1 :(得分:2)

如果你不关心剩余的%是如何分散的,你可以通过将剩余的sWidth设置为null来将它留给数据表。

如果你关心如何分割剩余的%,你可以在运行时通过取总静态px(在这个例子中为450px)从表的当前宽度中减去它来动态地执行此操作,然后将其用作指南确定列的剩余百分比。

例如,如果我有一个1000px的数据表

1000 - 450 = 550

我想要一个剩下10%的列

550px的1000px = 55%,因此10%的55%= 5.5%

答案 2 :(得分:0)

如果仍在使用针对初始问题列出的代码,我认为问题可能与第一列设置为占用100%的空间有关......