,可以通过以下步骤实现:
<table id="myTable" class="display" style="width:100%"></table>
$(document).ready(function() {
$('#myTable').DataTable({
"ajax": {
"url": "your_api_endpoint", // 替换为从数据库加载数据的API接口地址
"dataSrc": "" // 数据源为空,表示返回的数据是一个数组
},
"columns": [
{ "data": null, "defaultContent": "<input type='checkbox'>" }, // 添加复选框列
{ "data": "column1" }, // 替换为数据库中的列名
{ "data": "column2" }, // 替换为数据库中的列名
// 添加更多列...
]
});
});
your_api_endpoint
替换为从数据库加载数据的API接口地址。该接口应返回一个包含数据的JSON数组。这样,当页面加载时,ajax会从数据库加载数据,并将数据添加到datatable中的表格中,同时每一行都会添加一个复选框列。
领取专属 10元无门槛券
手把手带您无忧上云