react-datasheet-grid 隐藏页脚页眉
时间: 2023-07-02 17:19:41 浏览: 44
要隐藏 react-datasheet-grid 的页脚页眉,你可以使用 `showToolbar` 和 `showBottomToolbar` 属性将它们设置为 false。例如:
```
<DataSheetGrid
data={data}
showToolbar={false}
showBottomToolbar={false}
// 其他属性
/>
```
这样就可以隐藏页脚页眉了。
相关问题
react-datasheet-grid 如何隐藏页脚
要隐藏 react-datasheet-grid 的页脚,你可以使用 `showBottomToolbar` 属性将其设置为 false。例如:
```
<DataSheetGrid
data={data}
showBottomToolbar={false}
// 其他属性
/>
```
这样就可以隐藏页脚了。如果你也想隐藏页眉,可以同时设置 `showToolbar` 属性为 false。
react-datasheet-gridr如何隐藏页脚或者指定行
要隐藏 react-datasheet-grid 的页脚,可以在 Grid 组件中设置 `showFooter={false}`。例如:
```
import { Grid } from 'react-datasheet-grid';
function App() {
return (
<Grid showFooter={false} />
);
}
```
要隐藏特定行,可以在对应的 row 数据中设置 `hidden={true}`。例如:
```
import { Grid } from 'react-datasheet-grid';
const rows = [
{ id: 1, name: 'John', age: 20, hidden: false },
{ id: 2, name: 'Jane', age: 25, hidden: true },
{ id: 3, name: 'Bob', age: 30, hidden: false },
];
function App() {
return (
<Grid rows={rows} />
);
}
```
这样第二行就会被隐藏。如果需要动态控制隐藏行,可以使用 state 来控制。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)