最近用到了一个比较实用的jquery插件--jquery dataTable,这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。主要特点:
首先是html部分的代码,需要先构建一个html的table表格
<table id="example">
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
<th>列4</th>
<th>列5</th>
<th>列6</th>
<th>列7</th>
<th>列8</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
<td>数据4</td>
<td>数据5</td>
<td>数据6</td>
<td>数据7</td>
<td>数据8</td>
</tr>
</tbody>
</table>
然后是在js中初始化表格控件(前提是引入dataTable的js文件)
$(document).ready(function() {
$('#example').dataTable();
} );
这样,一个基本的表格框架就一个构建好了。