jQuery Datatable是一款強大的表格插件,它允許你將數據以及各種配置展示在頁面上。它是一個高度可定制的插件,可以滿足各種不同的需求。在這篇文章中,我們將討論如何將數據賦值給Datatable。
要將數據賦值給Datatable,我們首先需要確定想要展示的數據的格式。這個格式通常是一個包含對象的數組,每個對象都表示一行數據。
var data = [
{ name: "John", age: 30, email: "john@example.com" },
{ name: "Jane", age: 25, email: "jane@example.com" },
{ name: "Bob", age: 40, email: "bob@example.com" },
];
數據準備好了之后,我們需要創建Datatable實例,并將數據賦值給它。
$(document).ready(function() {
$('#example').DataTable({
data: data,
columns: [
{ title: "Name", data: "name" },
{ title: "Age", data: "age" },
{ title: "Email", data: "email" }
]
});
});
在這個例子中,我們先選擇頁面上的表格元素,并在它上面調用Datatable()方法。在Datatable()方法中,我們傳遞了一個對象,該對象包含了一些配置項,其中最重要的是data和columns。
data用于指定我們要在表格中展示的數據。在這個例子中,我們將前面準備好的數據傳遞給它。
columns用于指定表格的列數以及每列的標題和數據來源。在這個例子中,我們將通過三個列展示每個人的姓名、年齡和電子郵件地址。每個列的data屬性指定了它從每行數據中獲取的值。
當我們運行以上代碼時,Datatable將會根據我們的配置加載數據并展示在表格中。