目前我產生基本表與PHP獲得通過AJAX數據表內容
<table id="list" class="display">
<thead>
<tr id="hdr">
<th><input type="checkbox" id="check_all"/> ID</th>
<th>Ref. No</th>
<th>Color</th>
<th>Size</th>
<th>Quantity</th>
<th>Stack NO</th>
<th>Price</th>
<th>Add Date</th>
</tr>
</thead>
<tbody>
<?php
$result = $db->query("SELECT * FROM `items` ORDER BY id DESC");
if ($result->num_rows > 0) {
while ($row = $result->fetch_object()) {
echo '<tr url="?page=item&id=' . $row->id . '">
<td class="item_id"><input type="checkbox" name="checkbox[]" method="post" value="' . $row->id . '" class="checkbox"/> ' . $row->id . '</td>
<td> ' . $row->refno . '</td>
<td style="text-align:center">' . $row->color . '</td>
<td style="text-align:center">' . $row->size . '</td>
<td style="text-align:center" id="qt">' . trim($row->qt) . '</td>
<td style="text-align:center">' . $row->stackno . '</td>
<td style="text-align:center">' . $row->price . '</td>
<td>' . date('d.m.Y', strtotime($row->add_date)) . '</td>
</tr>';
}
}
?>
</tbody>
</table>
然後將數據表到這個像
oTable= $('#list').dataTable({
"bJQueryUI": true,
"iDisplayLength": 25,
"aaSorting": [],
"aoColumns": [
{
"bSortable": false
},
null, null, null,null,null, null, null
]
}).columnFilter({
sPlaceHolder: "head:before",
aoColumns: [ null, null, null,null,null, null, null,
{
type: "date-range"
}
]
});
有很大的問題:
目前我表格大約有2000行。生成和加載整個表格需要很長時間。 (首先它會生成applieas數據表)如何修改此腳本以通過ajax逐頁獲取內容?
同意;所有的例子都在那裏。我的第一個DataTables項目使用服務器端,我從來沒有想過它隱藏;我期待它,它就在那裏:http://datatables.net/usage/server-side – 2012-03-04 01:31:58