javascript - 如何有条件地启用 ng2-smart-table 的可编辑属性

Question

我正在使用 ng2-smart-table。我想让字段在为空时可编辑，否则不能编辑。

  location: {
    title: 'Location',
    width: '20px',
    filter: false,
    valuePrepareFunction: (value) => {
      if (value !== '') {
        editable : false
      } else {
        editable: true
      }
    }
  }

Answer 1

您可以通过这种方式使用 CSS。

rowClassFunction: (row) => {
   console.log("\nRow is ::: ",row.data);            
   if (row.data == '')) {
       return 'hide_edit';
   }
 }

要动态应用此 CSS，请在组件的 .css 文件中设置 CSS 代码...

:host ::ng-deep .hide_edit{
   display:none;
}