ant-design/components/table/demo/resizable-column.md
vagusX 38cf5e8a75
docs: unify component export file as index.tsx (#50013)
* docs: unify component export file as index.tsx

* docs: compatible with old anchors

* chore: clean

* test: update snapshot

* fix: window env

---------

Co-authored-by: Peach <scdzwyxst@gmail.com>
2024-07-23 22:22:24 +08:00

735 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;
  right: -5px;
  bottom: 0;
  z-index: 1;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}