制表符：在列中添加一个按钮 header

Question

我试着沿着这条路走 post： by @oli folkerd。我想要实现的是添加这个“主”按钮，如屏幕截图所示：

let someBTN = `<button type="button" class="btn btn-sm btn-primary"></button>`

var table = new Tabulator("#producteditor", {
    layout: "fitColumns",
    pagination: "local",
    ajaxURL: "api/products",
    columns: [{ title: "number", 
                field: "number", 
                headerFilter: "input"},
                ...
              { title: "", 
                formatter: editBTN, 
                cellClick: editCB, 
                headerSort: false},
              { title: "", 
                formatter: delBTN, 
                cellClick: delCB, 
                headerSort: false, 
                headerMenu = [ { label: someBTN, 
                                 action: "" } ] } ]
});

我也可以这样做吗（铅笔和垃圾是两个不同的列，因为它们有不同的回调）？

Answer 1

您想要一个可以放入 headerFilter

的自定义 editor

headerFilter:function(cell, onR, success, cancel, eP) {
    let el = document.createElement('button');
    el.innerHTML = 'Primary';
    return el;
}

制表符：在列中添加一个按钮 header

tabulator: add a button in a column header

javascript

tabulator