如何有条件地启用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;
}