angular - 当用户单击 ng2-smart-table 中的 'add new' 时禁用单元格

标签 angular ng2-smart-table

我的设置如下。
当我单击“添加新”链接时,ID 单元格是可编辑的。我们想让该字段不可编辑。

mySettings = {
columns: {
        id: {
            title: 'ID',
            editable: false,
        },
        name: {
            title: 'Name',
        },
        lastname: {
            title: 'Last Name',
        },
    }
};

最佳答案

找到了这个问题的解决方案。
我们需要添加一个属性 addable: false到受人尊敬的专栏。 ng2-smart-table 文档中没有提到这个属性。

tableSettings = {
    mode: 'inline',
      columns: {
        name: {
          title: 'Name',
          editable:false,
          addable: false,
        },
        lastname: {
          title: 'Last Name',
        },
      } // columns
  } 

我在他们的示例 basic-example-load 中找到了这个解决方案。
https://github.com/akveo/ng2-smart-table/blob/master/src/app/pages/examples/server/basic-example-load.component.ts

关于angular - 当用户单击 ng2-smart-table 中的 'add new' 时禁用单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48403982/

相关文章:

ng2-smart-table - 如何在行单击时将 View 模式从 View 更改为编辑?

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

angular - 如何使用 CLI 创建特定版本的 Angular 项目?

angular - 排除破坏 Angular Universal 的组件

javascript - ngrx/effects 库的用途是什么?

html - 如何将删除操作移至 ng2 智能表的最后一列?

angular - 如何在模板形式 Angular 2 中使用最小、最大验证

angular - 在 Angular 中,类型 "Property ' 上不存在获取 'MediaDevices' getDisplayMedia'

angular - 如何更新 ng2-smart-table 中的占位符文本?