Настройка таблицы полной шириной

Question

Я хотел бы отформатировать таблицу, как это:

• полной ширина
• столбцов шире, чем другие могут занять больше места (часто первые Col)
• колонны слишком большое сусло обрезана (что-то вроде переполнения: скрытые)
• последние 2 колонки должны быть узкими, чем другие

Вот jsFiddle более explic это: http://jsfiddle.net/BbNFA/

Проблема, с которой я сталкиваюсь здесь, заключается в том, что все тексты в одной строке шире ширины страницы, а затем отображается полоса прокрутки. Я хотел бы предотвратить это, скрыв текст переполнения.

Благодарим за помощь.

Answer 1

Edit: Смотрите мой DEMO здесь с COLGROUP.

Используйте свойство таблицы макета и установить его на жесткий, как показано ниже,

table { 
    width: 100%; 
    table-layout: fixed; <-- added 
} 

td { 
    white-space: nowrap; 
    overflow: hidden; <-- added 
}