ant-design/components/table/demo/resizable-column.md

25 lines
735 B
Markdown
Raw Normal View History

2018-07-24 17:41:01 +08:00
## zh-CN
集成 [react-resizable](https://github.com/STRML/react-resizable) 来实现可伸缩列。如果有排序需要,可以通过[额外标记](https://codesandbox.io/s/zrj8xvyzxx)阻止触发排序。
2018-07-24 17:41:01 +08:00
## en-US
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
#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
}
#table-demo-resizable-column .react-resizable-handle {
2018-07-24 17:41:01 +08:00
position: absolute;
right: -5px;
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
```