在自然宽度显示数据表列(Display DataTables columns at natural

2019-10-22 03:45发布

我用数据表库工作,而且我使用autoWidth选项,数据表自动设置列宽,还有滚轮插件 ,以解决从服务器标题和页面数据。

这样的组合看起来很漂亮,当我的表有大量的列,但是当它只有几个列,该autoWidth设置使他们卡通化大。

下面是一个例子:

http://live.datatables.net/rizuvaza/2/edit

我想是该表是唯一的宽所必需的内容,并没有扩大。 有时,这将意味着内容是视太宽,必须水平滚动,有时这将意味着含量大于视域,在这种情况下,我不希望它消耗的总水平空间变窄。

我发现一对夫妇的是工作,如果我愿意的硬代码表中最大宽度的方法,但是这样做依赖于我编写代码来估计自己列的宽度。 显然,这是依赖于各种各样的困难测量(字体大小,内容宽等),那我真的宁可离开可达数据表中。

是否有某种方式来配置数据表,或使用包装DOM元素和风格,使得其将使用必要的宽度总是绘制表格?

Answer 1:

嗯 - 不知道这是否是你要找的 - 但是如果你设定

#example {
    display: block;
}

并运行columns().adjust()初始化之后

var table = $('#example')
    .DataTable()
    .columns()
    .adjust()
    .draw();

那么列将被收缩到绝对最小尺寸。
演示- > http://jsfiddle.net/j5h9ob12/1/


在小提琴更新,编辑职称要强调的一点。



文章来源: Display DataTables columns at natural width