jQuery DataTable是一款非常強大的表格插件,它也被稱為DataTables。它能夠快速地將HTML表格轉(zhuǎn)換成數(shù)據(jù)表,也能夠支持AJAX數(shù)據(jù)源、排序、搜索和分頁等功能。其中,jQuery DataTable的每一行數(shù)據(jù)也稱為row。
// 數(shù)據(jù)源 var data = [ {name: '張三', age: 18, sex: '男', address: '北京'}, {name: '李四', age: 20, sex: '女', address: '上海'}, {name: '王五', age: 22, sex: '男', address: '廣州'}, {name: '趙六', age: 24, sex: '女', address: '深圳'}, ]; // 使用DataTable $(document).ready(function() { $('#table').DataTable({ data: data, columns: [ {data: 'name'}, {data: 'age'}, {data: 'sex'}, {data: 'address'} ] }); });
在上面的代碼中,我們首先定義了一個簡單的數(shù)據(jù)源,包含了四個人的信息。然后,我們通過jQuery選擇器選中一個表格并使用DataTable方法將其轉(zhuǎn)換成數(shù)據(jù)表。在DataTable的配置參數(shù)中,我們指定了數(shù)據(jù)源和每一列所對應的數(shù)據(jù)。最終,我們成功地將數(shù)據(jù)源中的每一行數(shù)據(jù)轉(zhuǎn)換成了一個DataTable row,它們被用于構建整個數(shù)據(jù)表。DataTable也提供了許多row相關的API,比如獲取、修改和刪除某一行數(shù)據(jù),開發(fā)者可以根據(jù)實際需求靈活使用。