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

Question

我试着沿着这篇文章走： @olifolkerd的帖子。 我想要实现的是添加这个“主要”按钮，如屏幕截图所示：

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 的自定义编辑器

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