在展开所有子行的情况下启动DT datatable,可以通过以下步骤实现:
<table id="myTable" class="display">
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
<!-- 其他行 -->
</tbody>
</table>
$(document).ready(function() {
var table = $('#myTable').DataTable({
// 设置展开所有子行
"rowGroup": {
"dataSrc": "groupName",
"startRender": function(rows, group) {
return group + ' (' + rows.count() + '行)';
}
}
});
});
在上述代码中,通过设置rowGroup
选项,可以实现按照指定的列进行分组,并在每个分组的标题中显示子行数量。
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
这样,当页面加载完成时,DT datatable会自动应用到指定的表格上,并展开所有子行。
领取专属 10元无门槛券
手把手带您无忧上云