Расширение ширины тд за пределы размера контейнера

Question

Я не могу понять, как увеличить ширину td за пределы размера контейнера. Чтобы понять, что я имею в виду, посмотрите this jsFiddle.

Как только таблица заполняет ширину контейнера, я не могу сделать ячейки шире. Если мне нужно сделать это после загрузки страницы, как мне это сделать?

Я не действительно хочу изменить размер содержащего div.

Answer 1

Вы можете расширить размер таблицы (не внешний div):
http://jsfiddle.net/maniator/dkXtw/15/

$("#testTable").width($("#testTable").width()  + 100 );

Answer 2

Ячейки не являются отдельными элементами, они всегда являются частью таблицы. Таблица просто использует размер, который вы установили для ячеек, в качестве рекомендации о том, как распределить доступное пространство, когда указанные ширины конфликтуют с измерениями, которые вы установили для таблицы (которая в этом случае ограничена окружающим элементом) , ширина просто используется для взвешивания клеток друг против друга.