ant-design/components/table/demo/resizable-column.md
lijianan 2e4b9cb098
site: rewrite with CSS logical properties again (#50113)
* 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>
2024-07-29 01:33:18 +08:00

746 B

zh-CN

集成 react-resizable 来实现可伸缩列。如果有排序需要,可以通过额外标记阻止触发排序。

en-US

Implement resizable column by integrate with react-resizable. When sort needed, you can use additional mark to prevent resize trigger sort.

#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;
}