Проблема горизонтального размера таблицы HTML

Question

Я уверен, что эту проблему легко решить, но я пока не очень разбираюсь в мастере html / css!

У меня есть таблица, которую я генерирую, и спецификация требует, чтобы она былафиксированный заголовок, позволяющий прокручивать тело.

Проблема в том, что теперь можно прокручивать и горизонтальное направление, чего я не хочу.Там нет причин, это не может быть исправлено.Похоже, что наличие полосы прокрутки для вертикального направления занимает место, поэтому браузер теперь думает, что ему нужна горизонтальная прокрутка для размещения в горизонтальном контенте.Расстраиваюсь!

Вот что у меня есть:

<table cellspacing="0" cellpadding="4" border="1" bordercolor="cccccc">
        <thead style="position:relative;">
            <tr bgcolor="eeeeee">
                <td>Column 1 Header</td>
                <td>Column 2 Header</td>
            </tr>
        </thead>
        <tbody style="overflow-y:auto;overflow-x:hidden;height:480px;">
            <tr>
                <td>Some data</td>
                <td>Some more data</td>
            </tr>
            <tr>
                <td>Some data</td>
                <td>Some more data</td>
            </tr>
            <tr>
                <td>Some data</td>
                <td>Some more data</td>
            </tr>
            <tr>
                <td>Some data</td>
                <td>Some more data</td>
            </tr>
         </tbody>
      </table>

Answer 1

Тау, Выезд www.datatables.net . Это плагин Jquery, который переформатирует ваши таблицы с помощью JS и позволяет сортировать, разбивать на страницы и т. Д. Заголовок «заморозить» - это именно та функциональность, которая решит ваши проблемы, а дополнительные функции - просто бонус. Я прекратил использовать метод «заморозки» и почти полностью переключился на таблицы с постраничной загрузкой, которые представляют собой всего лишь одну строку конфигурации для включения. Лично я больше не развертываю табличные данные без них, и дополнительные 5 строк кода занимают у меня всего минуту или две, чтобы их добавить. Это беспроигрышный вариант в моей книге, без сумасшедшего CSS или переформатирования.