页面的head部分，需引入font-awesome图标字体库、两个必要的CSS样式文件、jQuery库和3个必要的JS文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/font-awesome.4.6.0.css">
<link type="text/css" rel="stylesheet" href="css/jquery.paginate.css" />
<link type="text/css" rel="stylesheet" href="css/jquery.yhhdatatable.css" />
<script src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.paginate.js" ></script>
<script type="text/javascript" src="js/jquery.yhhdatatable.js" ></script>
<script type="text/javascript" src="js/index.js" ></script>

页面的body部分，设置好table表格容器和数据即可，代码如下：

<table id="testtable1">
	<thead><tr>
		<th>1</th>
	</tr></thead>
	<tbody>
		<tr><td>1</td></tr>
		<tr><td>1</td></tr>
		<tr><td>1</td></tr>
		<tr><td>1</td></tr>
        <tr><td>1</td></tr>
		<tr><td>1</td></tr>
        <tr><td>1</td></tr>
		<tr><td>1</td></tr>
        <tr><td>1</td></tr>
		<tr><td>1</td></tr>
		
        <tr><td>2</td></tr>
		<tr><td>2</td></tr>
		<tr><td>2</td></tr>
		<tr><td>2</td></tr>
        <tr><td>2</td></tr>
		<tr><td>2</td></tr>
        <tr><td>2</td></tr>
		<tr><td>2</td></tr>
        <tr><td>2</td></tr>
		<tr><td>2</td></tr>
        
        <tr><td>3</td></tr>
		<tr><td>3</td></tr>
		<tr><td>3</td></tr>
		<tr><td>3</td></tr>
        <tr><td>3</td></tr>
		<tr><td>3</td></tr>
        <tr><td>3</td></tr>
		<tr><td>3</td></tr>
        <tr><td>3</td></tr>
		<tr><td>3</td></tr>
        
        <tr><td>4</td></tr>
		<tr><td>4</td></tr>
		<tr><td>4</td></tr>
		<tr><td>4</td></tr>
        <tr><td>4</td></tr>
		<tr><td>4</td></tr>
        <tr><td>4</td></tr>
		<tr><td>4</td></tr>
        <tr><td>4</td></tr>
		<tr><td>4</td></tr>
        
        <tr><td>5</td></tr>
		<tr><td>5</td></tr>
		<tr><td>5</td></tr>
		<tr><td>5</td></tr>
        <tr><td>5</td></tr>
		<tr><td>5</td></tr>
        <tr><td>5</td></tr>
		<tr><td>5</td></tr>
        <tr><td>5</td></tr>
		<tr><td>5</td></tr>
        
        <tr><td>6</td></tr>
		<tr><td>6</td></tr>
		<tr><td>6</td></tr>
		<tr><td>6</td></tr>
        <tr><td>6</td></tr>
		<tr><td>6</td></tr>
        <tr><td>6</td></tr>
		<tr><td>6</td></tr>
        <tr><td>6</td></tr>
		<tr><td>6</td></tr>
	</tbody>
</table>

<table id="testtable2">
	<thead><tr>
		<th>1</th><th>2</th><th>3</th><th>4</th><th>5</th>
	</tr></thead>
	<tbody>
		
	</tbody>
</table>

<table id="testtable3">
	<thead><tr>
		<th>1</th><th>2</th><th>3</th><th>4</th><th>5</th>
	</tr></thead>
	<tbody>
		
	</tbody>
</table>

<table id="testtable4">
	<thead><tr>
		<th>1</th><th>2</th><th>3</th><th>4</th><th>5</th>
	</tr></thead>
	<tbody>
		
	</tbody>
</table>