我可以在我的 java Spring + Thymeleaf 项目中使用 Tabulator js 库吗？答案

【问题标题】：Can I use Tabulator js library in my java Spring + Thymeleaf project?我可以在我的 java Spring + Thymeleaf 项目中使用 Tabulator js 库吗？
【发布时间】：2018-11-20 15:37:40
【问题描述】：

我想将 Tabulator js 添加到我的 java 项目中。我将 tabulator.min.js、tabulator.min.css 添加到资源文件夹中。之后将这些依赖项添加到我的 html 页面中，作为 readme.md 中的推荐。

<link rel="stylesheet" th:href="@{/css/tabulator.min.css}">
<script type="text/javascript" th:src="@{/js/tabulator.min.js}"></script>

现在我的表格可以查看我在 html 页面中的所有元素，但不正确。

Tabulator 的文档中是如何创建表头和表格的示例，

var table = new Tabulator("#example-table", {
    columns:[
        {title:"Name", field:"name", sorter:"string", width:200, editor:true},
        {title:"Age", field:"age", sorter:"number", align:"right", formatter:"progress"},
        {title:"Gender", field:"gender", sorter:"string", cellClick:function(e, cell){console.log("cell click")},},
        {title:"Height", field:"height", formatter:"star", align:"center", width:100},
        {title:"Favourite Color", field:"col", sorter:"string"},
        {title:"Date Of Birth", field:"dob", sorter:"date", align:"center"},
        {title:"Cheese Preference", field:"cheese", sorter:"boolean", align:"center", formatter:"tickCross"},
    ],
});

但我想在html中创建标题，可以吗？

并将数据从控制器放入服务器端部分，而不是像

var data = [
  {id:1, name:"Oli Bob", age:"12", col:"red", dob:""},
  {id:2, name:"Mary May", age:"1", col:"blue", dob:"14/05/1982"},
  {id:3, name:"Christine Lobowski", age:"42", col:"green", dob:"22/05/1982"},
  {id:4, name:"Brendon Philips", age:"125", col:"orange", dob:"01/08/1980"},
  {id:5, name:"Margret Marmajuke", age:"16", col:"yellow", dob:"31/01/1999"},
];

【问题讨论】：

您能否更具体地说明“在 html 中创建标头”的含义？ Tabulator 旨在创建交互式 JavaScript 表格，它并非旨在输出简单的 HTML 表格

标签： javascript java spring thymeleaf tabulator

【解决方案1】：

Tabulator 旨在创建交互式 JavaScript 表格，而不是用于输出简单的 HTML 表格

【讨论】：

我有复杂的 html 页面，但我在后端创建了这个页面，其中包含所有数据）。我很失望，我可以在我的 html 中使用制表符。
Tabulator 被设计为在前端运行，没有什么可以阻止你从你的服务器中放置 javascript 来将你的表格变成一个 Tabulator