在web頁面中，常見的表格顯示有一個問題，就是當表格數據較多時，會超出頁面顯示范圍。這就需要使用滾動條來實現表格的顯示與瀏覽。使用jquery可以很方便地實現帶有滾動條的表格顯示。

下面是一個簡單的例子：

<table id="example">
<thead>
<tr>
<th>名稱</th>
<th>價格</th>
<th>數量</th>
</tr>
</thead>
<tbody>
<tr>
<td>面包</td>
<td>2.5</td>
<td>10</td>
</tr>
<tr>
<td>牛奶</td>
<td>4.5</td>
<td>5</td>
</tr>
<tr>
<td>咖啡</td>
<td>9.0</td>
<td>3</td>
</tr>
<tr>
<td>面包</td>
<td>2.5</td>
<td>10</td>
</tr>
<tr>
<td>牛奶</td>
<td>4.5</td>
<td>5</td>
</tr>
<tr>
<td>咖啡</td>
<td>9.0</td>
<td>3</td>
</tr>
</tbody>
</table>
<script>
$(document).ready(function(){
$('#example').DataTable({
"scrollY": 200, //設置高度
"scrollCollapse": true,
"paging": false //不顯示分頁器
});
});
</script>

使用jquery的DataTable插件，可以很容易地實現表格的滾動顯示。在初始化DataTable時，通過scrollY參數設置表格的高度；scrollCollapse參數設置是否啟用滾動條；paging參數設置是否顯示分頁器。