Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery数据表列溢出_Javascript_Jquery_Css_Datatables - Fatal编程技术网

Javascript JQuery数据表列溢出

Javascript JQuery数据表列溢出,javascript,jquery,css,datatables,Javascript,Jquery,Css,Datatables,我的datatable有问题:它必须有一个特定的宽度,但我还想显示它的所有列。整个问题是这样的: 我找到了解决方案,但我宁愿使用分词,然后在我的表中有一个滚动条 因此,我找到了另一个解决方案,根据该解决方案,我必须设置: table.display { table-layout:fixed; } th, td { word-wrap:break-word; overflow:hidden; text-overflow: ellipsis; } 然而,我在列宽方面遇到了问题;所有列的

我的datatable有问题:它必须有一个特定的宽度,但我还想显示它的所有列。整个问题是这样的:



我找到了解决方案,但我宁愿使用分词,然后在我的表中有一个滚动条

因此,我找到了另一个解决方案,根据该解决方案,我必须设置:

  table.display { table-layout:fixed; }
  th, td { word-wrap:break-word; overflow:hidden; text-overflow: ellipsis; }
然而,我在列宽方面遇到了问题;所有列的宽度都相同,忽略选项“bAutoWidth:true”:

例如,价格列中或最后一列图标后有一个空的水平空间。此外,断字标题(th)看起来非常难看,如果代码、计数、价格和位置列的大小为最小值(它们的宽度与标题文本的宽度匹配),看起来会更好


我想为每一列指定(某种程度上)首选的宽度,或者在它应该包装多少个字母之后。我在这篇文章中找到了。然而,这个插件不能与我的datatables 1.9.4一起使用。

我也有同样的问题。以下是我的解决方案:

.dt-index {
    column-width: auto !important;
}
请把这个样式用在你的桌子上

我希望这将是你的解决办法

格里茨 贝吉塔77