在drawCallBack之后使用Angular编译table HTML时,可以通过以下步骤让分页工作:
dtOptions: DataTables.Settings = {};
ngOnInit() {
this.dtOptions = {
pagingType: 'full_numbers',
pageLength: 10
// 其他配置项...
};
}
<table datatable [dtOptions]="dtOptions">
<!-- 表格内容 -->
</table>
@ViewChild(DataTableDirective, { static: false })
datatableElement: DataTableDirective;
rerenderTable() {
this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
// 销毁表格实例
dtInstance.destroy();
// 重新渲染表格
this.datatableElement.dtTrigger.next();
});
}
drawCallback: (settings: any) => {
this.rerenderTable();
}
通过以上步骤,你可以在drawCallBack之后使用Angular编译table HTML,并让分页工作正常。请注意,以上代码示例中的配置选项和方法调用可能需要根据具体情况进行调整。
关于Datatables的更多信息和使用示例,你可以参考腾讯云的相关产品文档:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云