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

Question

Мне бы хотелось, чтобы ширина моего стола составляла 100% ширины экрана - так что он может быть адаптирован к разным размерам экрана.

Возможно ли, чтобы размер столбцов автоматически изменялся пропорционально?

Я пытался указать процентную ширину td, но это, похоже, не работает, firebug показывает, что tbody не заполняет ширину таблицы?

        <table class="">
            <tr class="headings">
                <td class="entry">
                </td>
                <td class="calendar">Availability Calendar
                </td>
                <td class="deals">Last Minute Deals
                </td>

                <td class="ann">Announcements
                </td>
                <td class="banners">Banners
                </td>
            </tr>


        </table>

Answer 1

Вам просто нужно установить ширину таблицы на 100%, и это будет ширина ее родительского элемента. Размер столбцов будет автоматически изменяться в зависимости от их содержимого, если вы не укажете что-либо еще для некоторых столбцов.

Столбцы всегда будут заполнять ширину таблицы, поэтому, если указанная ширина меньше 100% или меньше размера пикселя таблицы, они будут больше указанного.