2018-07-24 17:41:01 +08:00
## zh-CN
2020-07-10 22:55:50 +08:00
集成 [react-resizable ](https://github.com/STRML/react-resizable ) 来实现可伸缩列。如果有排序需要，可以通过[额外标记](https://codesandbox.io/s/zrj8xvyzxx)阻止触发排序。
2018-07-24 17:41:01 +08:00
## en-US
2020-07-10 22:55:50 +08:00
Implement resizable column by integrate with [react-resizable ](https://github.com/STRML/react-resizable ). When sort needed, you can use [additional mark ](https://codesandbox.io/s/zrj8xvyzxx ) to prevent resize trigger sort.
2018-07-24 17:41:01 +08:00
2019-05-07 14:57:32 +08:00
```css
2024-07-23 22:22:24 +08:00
#table-demo-resizable-column .react-resizable {
2018-07-24 17:41:01 +08:00
position: relative;
2019-06-20 15:32:53 +08:00
background-clip: padding-box;
2018-07-24 17:41:01 +08:00
}
2024-07-23 22:22:24 +08:00
#table-demo-resizable-column .react-resizable-handle {
2018-07-24 17:41:01 +08:00
position: absolute;
2024-07-29 01:33:18 +08:00
inset-inline-end: -5px;
2020-09-02 10:51:04 +08:00
bottom: 0;
z-index: 1;
2018-07-24 17:41:01 +08:00
width: 10px;
height: 100%;
cursor: col-resize;
}
2019-05-07 14:57:32 +08:00
```
