Question

由于我们正在使用React（16.xx），而较早的jsGrid吸引力较小，因此我们想使用Adazzle的React Data Grid（如该问题的标签所述）。

两个问题：

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

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）您可以扩展使用getSubRowDetails组件的onCellExpand和ReactDataGrid属性所需的行。例如，请参考this文档

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

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

1 个答案: