如何在列标题中添加删除列按钮

时间:2019-03-26 14:08:25

标签: javascript angular tabulator

我正在尝试在表的列标题中以及列标题旁边添加一个删除图标。如何正确执行此操作?单击该图标应删除整列。另外,列标题必须是可编辑的,因此我在列定义中将editableTitle设置为true。

到目前为止,我已经尝试使用titleFormatter;我无法使用editableTitle做到这一点,因此最终将标题放在输入元素中,并将图标放在其旁边。然后,我使用了headerClick来调用deleteColumn函数。但是,这意味着单击标题内的输入元素也将调用删除功能,而我不希望这样做。

Here is how the headers look with some lazy formatting

有没有解决的办法?也许有更好的方法删除每一列。在列标题上方有一个带有删除图标的额外行的解决方案将是完美的,但是我不知道该如何处理。

0 个答案:

没有答案