Как сделать так, чтобы ячейки таблицы HTML расширялись по горизонтали за пределы конца страницы?

Question

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

Вместо этого я хотел бы, чтобы ячейки таблицы росли горизонтально вместе с их содержимым и никогда не перетекли на вторую строку. Возможно ли это с помощью CSS? Если нет, есть ли у кого-нибудь указатели на то, как я мог бы начать делать это, используя Javascript (jQuery, если возможно)?

Answer 1

Вы можете использовать:

td {
  white-space: nowrap;
}

Answer 2

Я думаю, это может быть то, что вы хотите. http://geekswithblogs.net/TimH/archive/2006/04/16/75318.aspx

Использование

 white-space: nowrap;

приведет к тому, что клетка займет столько места, сколько ей нужно.

Answer 3

Вы можете установить ширину таблицы на 100% или *.