如何制作具有固定列宽的镀铬方面表

Question

我有一个基本的自制“桌面”插件，支持水平和垂直滚动，在渲染时要修复列宽。所以我们使用CSS

table-layout:fixed;

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

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

如果你在IE或Firefox中运行它确定，数据和列标题被正确截断，但在Chrome中，它想要显示所有数据，因此它忽略溢出：隐藏和设置宽度，结果是列不在标题表和正文表之间排列。

所以，任何有关如何使用chrome工作的想法都会非常感谢..谢谢

Answer 1

我仍在尝试制作chrome truncate，但如果您不介意行高，可以使用此解决方法包装文本：

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

Answer 2

啊哈，我想我拥有它。

如果我将TD设置为display:inline-block

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

似乎这样做了。