当用户在 ng2-smart-table 中单击“添加新”时禁用单元格

use*_*466 3 ng2-smart-table angular

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

mySettings = {
columns: {
        id: {
            title: 'ID',
            editable: false,
        },
        name: {
            title: 'Name',
        },
        lastname: {
            title: 'Last Name',
        },
    }
};
Run Code Online (Sandbox Code Playgroud)

use*_*466 6

找到了这个问题的解决方案。我们需要向addable: false受尊重的列添加一个属性。ng2-smart-table 文档中未提及此属性。

tableSettings = {
    mode: 'inline',
      columns: {
        name: {
          title: 'Name',
          editable:false,
          addable: false,
        },
        lastname: {
          title: 'Last Name',
        },
      } // columns
  } 
Run Code Online (Sandbox Code Playgroud)

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