Прокручиваемая таблица с использованием jQuery - PullRequest
Новая
       13

Прокручиваемая таблица с использованием jQuery

3 голосов
/ 24 февраля 2009

Есть ли хороший и легкий плагин jQuery для создания прокручиваемых таблиц.

Я получил один на http://www.webtoolkit.info/scrollable-html-table-plugin-for-jquery.html, но он не будет работать в браузерах без IE и без FF.

Спасибо!

Ответы [ 2 ]

6 голосов
/ 24 февраля 2009

Если вы ищете легкий код, пропустите jQuery и используйте чистый HTML / CSS: 

<table>
    <thead>
        <tr><th>Header Item 1</th><th>Header Item 2</th></tr>
    </thead>
    <tfoot>
        <tr><th>Footer Item 1</th><th>Footer Item 2</th></tr>
    </tfoot>
    <tbody style="overflow-y: scroll; overflow-x: hidden; height: 100px;">
        <tr><td>Item 1-1</td><td>Item 2-1</td></tr>
        ...
        <tr><td>Item 1-N</td><td>Item 2-N</td></tr>
    </tbody>
</table>

Ключ в настройке CSS переполнения в tbody, чтобы сделать эту часть прокручиваемой (но не всю таблицу). Вам также необходимо установить высоту, чтобы вы могли определить, какой высоты должна быть прокручиваемая часть.

3 голосов
/ 12 октября 2011

Вот тот, который хорошо работает: http://www.farinspace.com/jquery-scrollable-table-plugin/

И так как это было упомянуто выше, вот чистое кросс-браузерное решение HTML / CSS: http://www.imaputz.com/cssStuff/bigFourVersion.html

...