Таблица прокрутки без изменения заголовков и обеспечения сортировки по заголовкам

Question

Здесь mytable и нужно, чтобы заголовки оставались, пока есть полоса прокрутки только для результатов и предоставляют возможность сортировки в имени.

<table>
    <tr>
        <td>id</td>
        <td>name</td>
        <td>type</td>
    </tr>
<%
    while(resultSet.next())
    {
        %>
        <tr>
        <td><%=resultSet.getString(1)%></td>
        <td><%=resultSet.getString(2)%></td>
        <td><%=resultSet.getString(3)%></td>
    </tr>
<%
    }
%>
</table>

Для полосы прокрутки я попытался использовать div, но он показал пустое пространство.

Как я могу сделать эти две вещи?

Answer 1

Поместите заголовок в <thead>, а остальные в <tbody> и примените полосу прокрутки только к телу.

Answer 2

Есть много скриптов, которые уже делают это в сети:

• http://www.devwebpro.com/16-sortable-table-techniques/
• http://tetlaw.id.au/upload/pages/table-sorting-with-prototype/
• http://www.webdesignbooth.com/15-great-jquery-plugins-for-better-table-manipulation/

Конечно, есть гораздо больше, которые могут работать очень хорошо.

Answer 3

Попробуйте:

<table height="500" style="overflow-y:scroll;">