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>
);

上面你可以注意到我决定只显示Pagination和Table，因此隐藏了Filter和SettingsWrapper。

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

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

参考文献：

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

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