Сделайте TBODY с возможностью прокрутки в браузерах WebKit

Question

Сделайте TBODY с возможностью прокрутки в браузерах WebKit

Я на самом деле думаю, что они оба отчасти сосут. Используя TortoiseSVN является намного лучшим решением, по-моему. Это намного более устойчиво и имеет тенденцию просто работать лучше, и у меня всегда были проблемы интеграции с Subclipse и Subversive.

69

css html webkit

задан Community 23 May 2017 в 12:10

2 ответа

Другие вопросы по тегам:

css html webkit

Похожие вопросы:

score 0 · Answer 1

Добавить display: block; Это также удалит ненужную горизонтальную прокрутку в FireFox. Вы также, несомненно, знаете, что ни один из примеров не работает в MSIE 8.

<table>
    <thead>
        <tr><th>This is the header and doesn't scroll</th></tr>
    </thead>
    <tbody style="height:100px; overflow:auto;display:block;">
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
    </tbody>
</table>

score 17 · Answer 2

Использование стиля display: block работает, только если у вас есть 1 столбец. Если у вас есть несколько столбцов данных - с несколькими полями - тогда display: block, по-видимому, делает все столбцы данных прокручиваемыми, но под 1-м столбцом (делает то же самое в Firefox - это единственный известный мне браузер, который хорошо прокручивает тело). Кстати, в Firefox вы можете использовать стиль overflow-x: hidden для подавления горизонтальной прокрутки.

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