如何在 thymeleaf 片段上初始化 bootstrap 数据 table

Question

我在 thymeleaf 片段上使用 bootstrap 数据表，但是当我使用 AJAX 调用加载片段时，数据表没有得到初始化。如何在片段加载时调用数据表初始化？

Answer 1

我找到了这个问题的答案。为了使用 ajax 调用加载片段，我使用下面的片段

 $('#divid').load(url)

以上代码片段会将动态生成的 ajax 片段加载到 divid div。现在的解决方案是在负载 url

的 'complete' 上初始化数据表

 $('#divid').load(url,function() {$('#datatableid').DataTable();});

此外，如果您需要为片段中的任何特定 html 组件（如按钮）指定任何事件，那么为了使事件起作用，您还可以在完整功能上指定事件处理 javascript如下所示（取消是我片段中的一个按钮。

 $('#divid').load(url,function() {
    $('#datatableid').DataTable();
    $('.cancel').click(function(){
    });
});

how to initialize bootstrap data table on thymeleaf fragment