jQuery Datatable 是一個基于 jQuery 的表格插件,它為使用者提供了豐富的功能與擴展能力。
本文將介紹 Datatable 的篩選功能。篩選功能是 Datatable 中重要的功能之一,它可以將表格中的數據根據條件進行篩選,便于用戶查找和分析需要的數據。
// 在 Datatable 中啟用篩選功能 $(document).ready(function() { $('#myTable').DataTable({ searching: true }); });
通過設置 searching 為 true ,可以啟用 Datatable 的篩選功能。默認情況下,Datatable 不開啟篩選功能。
// 對列進行篩選 $(document).ready(function() { $('#myTable').DataTable({ columnDefs: [{ targets: 0, // 篩選第一列 search: { value: 'John' // 篩選條件:包含 John 的行 } }] }); });
通過 columnDefs 屬性,可以對表格內的特定列進行篩選。以上代碼指定了要篩選的是第一列,并且條件是包含 'John'。Datatable 會在表格中匹配所有包含 'John' 的行,并將其顯示出來。
// 禁用全局篩選 $(document).ready(function() { $('#myTable').DataTable({ searching: false, // 禁用全局篩選 columnDefs: [{ targets: 0, // 篩選第一列 search: { value: 'John' // 篩選條件:包含 John 的行 } }] }); });
通過將 searching 屬性設置為 false ,可以禁用全局篩選功能。這意味著用戶無法在表格上方的搜索框中進行全局搜索,而只能根據指定的列進行篩選。
以上是簡單介紹了 Datatable 的篩選功能,通過篩選,用戶可以快速定位需要的數據,提高數據分析效率。