如何使固定列宽度的铬尊重表

Question

我有一个基本的自制“表”插件，支持水平和垂直滚动显示时列宽要固定的位置。因此，我们使用的CSS

table-layout:fixed; 

但问题是，Chrome浏览器似乎认为，即使表格的宽度计算和计算列宽，它仍然应该重新格式化表格。

小提琴这里：http://jsfiddle.net/paull3876/Ssr33/

如果您在IE或Firefox浏览器运行此它的确定，数据和列标题是正确截断，但在Chrome中，它要显示所有数据，因此它会忽略溢出：隐藏并设置宽度，结果是列不在标题和主体表之间排列。

那么，如何使铬这项工作任何想法，将不胜感激。谢谢

Answer 1

啊哈我想我有。

如果我设置了TD是display:inline-block

.datatable .scrollingdiv td, .datatable .nonscrollingdiv td { 
    overflow:hidden; 
    display:inline-block; 
} 

，似乎这样做。

Answer 2

我还在努力让Chrome截形，但如果你不介意行的高度，你可以使用这种自动换行解决方法：

$("td",$(".datatable")).css({"white-space":"normal"});