制表符中的嵌套 html 表单/自定义 html 片段？

Question

我知道 Tabulator 允许嵌套表格，但是是否可以嵌套 html 表单或其他 html 自定义片段（用于编辑行或添加新行）？ 谢谢！

Answer 1

您可以使用

rowFormatter

将任何自定义内容嵌入到行中。您可以使用

row.getElement()

函数访问包含 div 的行。

在下面的示例中，我们将附加一个新的 div （您可能希望确保在 div 中添加任何自定义内容，以便它不会干扰列布局） 到行的底部，其中包含一个输入元素它

var table = new Tabulator("#example-table", {
    rowFormatter:function(row){
        //row - row component
        var divEl = document.createElement("div");
        var inputEl = document.createElement("input");

        divEl.appendChild(inputEl);
        row.getElement().appendChild(divEl); //append new div to row
    },
});