复选框数据类型，每 "row" 显示多行（在 Adazzle react-data-grid 中）

Question

我们想使用 Adazzle 的 React Data Grid（正如这个问题的标签中提到的），因为我们正在使用 React (16.xx)，而旧的 jsGrid 不太吸引人。

两个问题：

我们的旧 jsGrid 有一个数据类型要包含在名为 Checkbox 的网格中。这非常有帮助。我还没有在 React Grid 中找到类似的类型。我只是错过了它还是它不是图书馆的一部分？
在每一行中的某些列中，我们实际上希望在列中有两行数据——即两行由回车符分隔的文本 return。但是 react-data-grid 演示似乎每列只显示一行。这是一个限制，还是我们可以在列内的值中使用 CSS？
是否包含在任何给定时间点对 table 中显示的行的搜索？

Answer 1

我会逐个回答你的问题
1）在 react-data-grid 列中，您可以使用格式化程序包含一个复选框在定义列时指定的属性。考虑以下示例

let columns = [
      {
        key: 'name',
        name: 'Name',
        resizable: true,
        width: 100
      },
{
        key: 'checkbox',
        name: 'CheckBox',
        formatter:checkBoxFormatter,
        resizable: true,
        width: 100
      }
]
class checkBoxFormatter extends React.Component {
  render() {
    return (
      <div>
        <CheckBox></Checkbox> //Provide your checkbox code here
      </div>
    )
  }
}

2）您可以扩展需要使用ReactDataGrid组件的getSubRowDetails和onCellExpand属性的行。例如参考this文档

3)搜索可用于过滤。例如参考this文档

复选框数据类型，每 "row" 显示多行（在 Adazzle react-data-grid 中）

A checkbox data type and showing more than one row per "row" (in Adazzle react-data-grid)

react-data-grid