色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery datagrid 行數

林國瑞2年前10瀏覽0評論

jQuery datagrid 是一款非常流行的表格插件,具有強大的功能和易于使用的特點,被廣泛應用于Web應用程序中。其中一個重要的功能就是可以控制表格的行數,本文就來介紹一下如何利用jQuery datagrid 控制行數。

// 首先,我們需要在頁面中引入jQuery庫和datagrid插件
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
// 接下來,我們需要初始化datagrid,設置數據源和表頭等參數
$(document).ready(function() {
$('#myTable').DataTable( {
"ajax": "data/arrays.txt",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "age" },
{ "data": "start_date" },
{ "data": "salary" }
]
} );
});
// 在初始化datagrid的時候,我們可以通過設置"lengthMenu"參數來控制行數
$(document).ready(function() {
$('#myTable').DataTable( {
"ajax": "data/arrays.txt",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "age" },
{ "data": "start_date" },
{ "data": "salary" }
],
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
} );
});
// 上面的代碼中,"lengthMenu"參數設置了一個多選框,允許用戶選擇每頁顯示多少行,分別是10、25、50和全部。如果用戶選擇了全部,則會在表格下方顯示"顯示全部行"的鏈接,點擊即可顯示全部數據。

總之,借助jQuery datagrid的強大功能,我們可以輕松控制表格的行數,使得數據更加清晰易讀。