Javascript jQuery数据表的分页
我已经使用jQuery创建了一个数据表。下面是相同的HTML代码:Javascript jQuery数据表的分页,javascript,jquery,pagination,datatables,Javascript,Jquery,Pagination,Datatables,我已经使用jQuery创建了一个数据表。下面是相同的HTML代码: <table id="md-transaction-table" class="wide100 margin-bottom-1"> <thead> <tr> <th>Payment Date</th> <th>Description</th> <th
<table id="md-transaction-table" class="wide100 margin-bottom-1">
<thead>
<tr>
<th>Payment Date</th>
<th>Description</th>
<th>Statement Number</th>
<th>Payment Transaction ID</th>
<th>Amount</th>
<th>Payment Method</th>
<th>User</th>
<th>Payment Status</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
$('#md-transaction-table').dataTable({
"data":json,
"dom": 't',
"bSort":false,
"pageLength": 8,
"paging": true,
"bPaginate":true,
"pagingType":"full_numbers",
"columns": [
{"data": "paymentDate"},
{"data": "description"},
{"data": "statementNumber"},
{"data": "transactionId"},
{"data": "amount"},
{"data": "paymentMethod"},
{"data": "user"},
{"data": "paymentStatus"}
],
"columnDefs": [
{className: "pad-md-left-p-10 pad-top-bottom-p-10", "targets": [0,1,2,3,4,5,6,7]}
]
}); // End of datatable function
现在我需要在桌子下面放一个页码。大概是这样的:
我的要求是,最初我只需要在表中显示8行。当用户单击“下一步”按钮时,它必须隐藏前8行并显示下8行。你能告诉我怎么做吗?我正在使用datatable的默认分页功能。但是分页并没有出现。你能告诉我哪里做错了吗?从datatables中删除
dom
选项初始化和分页将起作用
您是否尝试过数据表的默认分页功能@我试过了。请参阅编辑的代码。但是没有显示分页。您需要将分页添加到
dom
。