仅缩短表格HTML中的第一列

Question

我有一个HTML表格，第一列中有标题，后面的列中有数据。它必须适合页面上的某个宽度，但所有单元格的长度都是可变的。有什么方法可以设置第一列缩短自己：

text-overflow: ellipsis;
white-space: nowrap;

同时将其他列保留为全宽以显示所有数据？我在这里创建了一个演示：http://jsfiddle.net/Xsanda/uBrV7/

Answer 1

您可以执行此操作，但前提是您愿意设置单元格的max-width。宽度不能完全动态，仍然会被截断。

http://jsfiddle.net/uBrV7/2/

td:first-child {
    max-width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}

Answer 2

您可以使用max-width：Fiddle

td:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px; /* Change this to fit your needs */
}