在springboot项目中使用到layui和Thymeleaf数据表格无法显示问题

提戟战JAVA

于 2020-07-17 20:58:10 发布

阅读量879

点赞数 1

CC 4.0 BY-SA版权

分类专栏：异常处理文章标签： java

本文链接：https://blog.youkuaiyun.com/LIHUI_A/article/details/107417583

异常处理专栏收录该内容

7 篇文章

订阅专栏

本文解决了一个在SpringBoot项目中使用layui和Thymeleaf时数据表格无法正常显示的问题。通过在<script>标签中添加th:inline=none属性，成功实现了数据表格的正确渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在springboot项目中使用到layui和Thymeleaf数据表格无法显示问题

解决办法：

在<script></script>标签中加入 th:inline="none"即<script  th:inline="none"></script>

例如：

<script th:inline="none">
    var layer;
    layui.use("layer", function () {
        layer = layui.layer;
    })
    layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: "#test"
            , url: "/bookList"
            ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
            , page: true
            , cols: [[
                {type: 'checkbox', fixed: 'left'}
                , {field: 'id', title: '图书编号', align: 'center', width: 120}
                , {field: 'bookName', title: '书名', align: 'center', width: 160}
                , {field: 'bookAuthor', title: '作者', align: 'center', width: 280}
                , {field: 'publishHouse', title: '出版社', align: 'center', width: 160}
                , {field: 'bookType', title: '类型', align: 'center'}
                , {field: 'bookStatus', title: '图书状态', align: 'center', templet: '#bookStatus'}
                , {fixed: 'right', title: '操作', align: 'center', toolbar: '#barDemo'}
            ]]
            ,id: 'testReload'
            , limit: 5
            , limits: [3, 4, 5, 10, 15]
        });
    });
</script>