reactjs - React Griddle 数据表

Question

我想隐藏过滤器输入搜索字段和设置按钮。我尝试了下面的代码，但搜索字段和设置按钮仍然可见。

<Griddle 
              plugins={[plugins.LocalPlugin]}
              data={griddleData}
              showFilter={false}
              showSettings={false}
              resultsPerPage={10}/>

Answer 1

由于您尝试的方法不起作用，我假设您使用的是 Griddle v1。您使用的语法是旧的 v0 语法，现在已过时：

          showFilter={false}
          showSettings={false}

在 Griddle v1 中，您可以通过定义以下内容来创建自己的布局组件：

const griddleLayout = ({Table, Pagination, Filter, SettingsWrapper}) => (
    <div>
        <Pagination/>
        <Table/>
    </div>
);

上面你可以注意到我决定只显示分页和表格，因此隐藏了过滤器和设置包装器。

然后您可以覆盖默认布局组件，以便它使用您自己的：

<Griddle
    ...
    components={{
        Layout: griddleLayout
    }}
    ...
</Griddle>

参考：

• 旧语法（v0）：https ://griddlegriddle.github.io/v0-docs/customization.html

• 新语法（v1）：https ://griddlegriddle.github.io/Griddle/docs/customization/