File size: 1,473 Bytes
c9d0005 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | ---
order: 2
mobile: false
title: '搜索栏折叠'
group:
title: 最佳展示
order: 2
---
# 搜索栏折叠
## 默认收起
```jsx
/**
* transform: true
* defaultShowCode: true
* background: 'rgb(245,245,245)'
*/
import React, { useRef } from 'react';
import TableRender, { TableContext } from 'table-render';
import { schema2 } from './static/search';
import { columns, toolbarRender } from './static/table';
import { searchApi, searchApi2 } from './static/request';
const Demo = () => {
const tableRef = useRef(null);
return (
<TableRender
ref={tableRef}
search={{
schema: schema2,
collapsed: true,
}}
request={searchApi}
columns={columns}
toolbarRender={toolbarRender}
/>
)
};
export default Demo;
```
## 默认展开
```jsx
/**
* transform: true
* defaultShowCode: true
* background: 'rgb(245,245,245)'
*/
import React, { useRef } from 'react';
import TableRender from 'table-render';
import { schema2 } from './static/search';
import { columns, toolbarRender } from './static/table';
import { searchApi, searchApi2 } from './static/request';
const Demo = () => {
const tableRef = useRef();
return (
<TableRender
ref={tableRef}
search={{
schema: schema2,
collapsed: true,
defaultCollapsed: false
}}
request={searchApi}
columns={columns}
toolbarRender={toolbarRender}
/>
)
};
export default Demo;
```
|