jquery - 如何制作具有固定列宽的 chrome 尊重表

Question

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

table-layout:fixed;

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

在这里 fiddle :http://jsfiddle.net/paull3876/Ssr33/

如果你在 IE 或 Firefox 中运行它没问题，数据和列标题被正确截断，但在 Chrome 中，它想要显示所有数据，所以它忽略溢出:隐藏和设置宽度，结果是表头和正文表之间的列不对齐。

因此，如果您有任何关于如何在 chrome 中实现此功能的想法，我们将不胜感激。谢谢

Answer 1

我仍在尝试让 chrome 截断，但如果您不介意行高，您可以使用此解决方法将文本换行:

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