javascript - 是否可以使用自定义组件或任何其他方式自定义 ng2-smart-table 的列标题？

Question

我知道有一种方法可以将 customComponent 添加到 ng2-smart-table 单元格中。有什么方法可以对列标题执行相同的操作吗？基本上我想在列标题标题旁边添加一个帮助图标，并向该图标添加一个单击事件。

在文档中找不到任何此类现成的配置。

Answer 1

这个例子可能对你有帮助

settings = {
    actions: {
      delete: false,
      custom: [
        {
          name: 'activate',
          title: '<i class="nb-checkmark"></i>'
        }
      ],
      position: 'right', // left|right
    },
    add: {
      addButtonContent: '<i class="nb-plus"></i>',
      createButtonContent: '<i class="nb-checkmark"></i>',
      cancelButtonContent: '<i class="nb-close"></i>',
    },
    edit: {
      editButtonContent: '<i class="nb-edit"></i>',
      saveButtonContent: '<i class="nb-checkmark"></i>',
      cancelButtonContent: '<i class="nb-close"></i>',
    },
    columns: {...}
}

您可以引用此来源来了解如何处理自定义操作事件:https://github.com/akveo/ng2-smart-table/blob/master/src/ng2-smart-table/components/tbody/cells/custom.component.ts

https://github.com/akveo/ng2-smart-table/issues/779