Сократить только первый столбец в таблице 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

Вы можете использовать максимальную ширину: Fiddle

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