Html 如何在ng2smart表格中使用图标而不是按钮

Html 如何在ng2smart表格中使用图标而不是按钮,html,css,angular,user-interface,ng2-smart-table,Html,Css,Angular,User Interface,Ng2 Smart Table,我正在使用ng2智能表格,我想使用图标而不是按钮来添加新行、编辑、删除、更新、创建、,取消按钮。另外,我想将我表格中的一列设为复选框,但我不确定如何执行。请有人尽早向我建议解决方案。您可以使用图标标记,而不是表格设置的按钮内容中的文本 settings = { delete: { confirmDelete: true, deleteButtonContent: '<i class="fa fa-trash" style="font-size:32px"&

我正在使用ng2智能表格,我想使用图标而不是按钮来添加新行、编辑、删除、更新、创建、,取消按钮。另外,我想将我表格中的一列设为复选框,但我不确定如何执行。请有人尽早向我建议解决方案。

您可以使用图标标记,而不是表格设置的按钮内容中的文本

settings = {
    delete: {
      confirmDelete: true,

      deleteButtonContent: '<i class="fa fa-trash" style="font-size:32px"></i>',
      saveButtonContent: 'save',
      cancelButtonContent: 'cancel',

    },
    add: {
      confirmCreate: true,
      addButtonContent:'<i class="fa fa-plus" style="font-size:32px"></i>'
    },
    edit: {
      confirmSave: true,
      editButtonContent:'<i class="fa fa-edit" style="font-size:32px"></i>'
    },
    columns: {
      id: {
        title: 'ID',
      },
      name: {
        title: 'Full Name',
      },
      username: {
        title: 'User Name',
      },
      email: {
        title: 'Email',
      },
    },
  };

请分享您迄今为止尝试的代码我尝试使用nebular图标并安装了所有必需的软件包,但在构建和构建失败时我仍然会出错请提供stackblitzI跟随此链接我必须为这些图标安装任何库吗?您只需包括此我包括了提到的样式表和设置如上所述,但我没有看到我的手机有任何变化screen@LakshmivyshnaviMahankali您是如何包含样式表的?我在index.html中添加了这行代码