仅缩短表格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;
}