Angular - ng2-smart-table 添加自定义按钮和操作答案

【问题标题】：Angular - ng2-smar-table Add custom button and actionAngular - ng2-smart-table 添加自定义按钮和操作
【发布时间】：2019-05-14 12:06:46
【问题描述】：

我正在尝试在 ng2-smart-table 中添加或更改按钮的样式，但按钮样式没有改变。例如，我提供了下面的链接，我想将“编辑”、“删除”、“取消”和“添加新”更改为某些按钮样式（可能是字体真棒或引导按钮）。

我尝试按照下面解释的方式更改代码，但这仍然不能解决问题。

https://stackoverflow.com/questions/52086092/add-custom-action-button-ng2-smart-table

示例应用程序：

https://stackblitz.com/edit/ng2-smart-table-global-search

https://ng2-smart-table-global-search.stackblitz.io/

同样，当我尝试编辑行值时，前四个单元格的文本框大小是合适的，但是当涉及到其他单元格（从第 5 个单元格开始）时，它非常小。也想保持适当的文本框大小。

【问题讨论】：

标签： angular ng2-smart-table

【解决方案1】：

我发现它的工作方式如下。

settings = {
    pager: {
      display: true,
      perPage: 8
    },
   delete: {
      deleteButtonContent: '<i class="fa fa-trash fa-lg">Delete</i>',
      confirmDelete: true
    },
    add: {
      addButtonContent: '<i class="fa fa-plus fa-lg">Add</i>',
      createButtonContent: '<i class="fa fa-check-square-o fa-lg">Create</i>',
      cancelButtonContent: '<i class="fa fa-times fa-lg">Cancel</i>',
    },
    edit: {
      editButtonContent: '<i class="fa fa-pencil-square-o fa-lg" aria-hidden="true">Edit</i>',
      saveButtonContent: '<i class="fa fa-check fa-lg">Save</i>',
      cancelButtonContent: '<i class="fa fa-times fa-lg">Cancel</i>',
    },
columns: {
.....
.....
}
}

【讨论】：