Question

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

Answer 1

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

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 and Completer filter types

Answer 2

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

“类型：自定义”

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

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

nb-checkbox在星云库中。

settings = {
    columns: {
        checkBox: {
          type: 'custom',
          filter: false,
          width: '10px',
          renderComponent: MyCheckboxComponent
    }
  }
}

ng2-smart-table中的复选框

2 个答案: