表滚动条而不更改标题并在标题中提供排序

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

尝试：

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

Answer 2

将标题放在<thead>中，其余标题放在<tbody>中，并将滚动条仅应用于tbody。

Answer 3

网上已经有很多脚本可以执行此操作：

• 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/

当然还有很多，可能效果很好。