2

我在我的项目中使用 ng2-smart-table,我想添加一个带有复选框的列,在渲染时将根据绑定表的对象进行检查。在对象中,有一个带有布尔值的字段,它将确定是否选中复选框,并且在对复选框进行更改后,更改的值应该可用。

4

2 回答 2

2

您需要设置过滤器类型复选框

passed: {
    title: 'Passed',
    filter: {
      type: 'checkbox',
      config: {
        true: 'Yes',
        false: 'No',
        resetText: 'clear',
      },
    },
  },

在您的数据中,您需要传递复选框值

data = [
{
  id: 4,
  name: 'Patricia Lebsack',
  email: 'Julianne.OConner@kory.org',
  passed: 'Yes',
},
]

试试这个示例Checkbox、Select 和 Completer 过滤器类型

于 2019-03-06T04:47:43.680 回答
0

我现在无法为您提供完整的示例代码,但您应该为您的复选框定义一列。为该列提供一个布尔值。不要忘记添加

'类型:自定义'

它呈现您提供的组件。我使用了一个名为 MyCheckboxComponent 的组件

<nb-checkbox [ngModel]="selected"></nb-checkbox>

nb-checkbox 在星云库中。

settings = {
    columns: {
        checkBox: {
          type: 'custom',
          filter: false,
          width: '10px',
          renderComponent: MyCheckboxComponent
    }
  }
}
于 2019-02-15T07:42:54.493 回答