mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-21 04:48:02 +08:00
2e4b9cb098
* site: use CSS logical properties * Update components/anchor/demo/targetOffset.tsx Co-authored-by: afc163 <afc163@gmail.com> Signed-off-by: lijianan <574980606@qq.com> * fix: fix * fix: fix * chore: fix * fix: add more * fix: add more * site: rewrite with CSS logical properties --------- Signed-off-by: lijianan <574980606@qq.com> Co-authored-by: afc163 <afc163@gmail.com>
25 lines
746 B
Markdown
25 lines
746 B
Markdown
## zh-CN
|
|
|
|
集成 [react-resizable](https://github.com/STRML/react-resizable) 来实现可伸缩列。如果有排序需要，可以通过[额外标记](https://codesandbox.io/s/zrj8xvyzxx)阻止触发排序。
|
|
|
|
## 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.
|
|
|
|
```css
|
|
#table-demo-resizable-column .react-resizable {
|
|
position: relative;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
#table-demo-resizable-column .react-resizable-handle {
|
|
position: absolute;
|
|
inset-inline-end: -5px;
|
|
bottom: 0;
|
|
z-index: 1;
|
|
width: 10px;
|
|
height: 100%;
|
|
cursor: col-resize;
|
|
}
|
|
```
|