JQuery是現今使用最廣泛的Javascript庫之一,它為Javascript提供了豐富的功能,使得開發者能夠輕松地進行網頁動態操作。其中之一的功能就是表格自定義。
$(document).ready(function(){ $('#example').DataTable({ "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], "pagingType": "full_numbers", "dom": 'BBlfrtip', }); });
在上述代碼中,我們使用Datatable插件對id為example的表格進行自定義。其中,"lengthMenu"屬性指的是表格分頁條的每頁數據量,這里分別為10、25、50、"All"(全部)。"pagingType"屬性指的是分頁條類型,"full_numbers"為完整的數字條。"dom"屬性則指的是要顯示在表格上的元件的位置,這里為BBlfrtip。
$(document).ready(function(){ $('#example').DataTable({ "searching": false, "ordering": false, }); });
此外,我們還可以對表格進行搜索和排序的設置,可以通過上述代碼的"searching"和"ordering"屬性進行設置。當"searching"為false時,表格將不允許搜索。當"ordering"為false時,表格將不允許排序。
以上就是使用JQuery對表格進行自定義的方法,如果您想要進一步了解JQuery的功能,不妨去官方文檔上看看吧。
上一篇div di命令