Skip to content

Commit

Permalink
docs: add dom component container description
Browse files Browse the repository at this point in the history
  • Loading branch information
Rui-Sun committed Jan 16, 2025
1 parent 0957ac8 commit c5edbe7
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 0 deletions.
9 changes: 9 additions & 0 deletions docs/assets/guide/en/custom_define/react-custom-component.md
Original file line number Diff line number Diff line change
Expand Up @@ -786,6 +786,15 @@ The following properties are also supported in react:
* `pointerEvents` whether to respond to mouse events
* `penetrateEventList` Mouse event penetration list, used to specify which mouse events need to be penetrated to the VTable (currently only supports `wheel`)
* `container` Container, used to limit the component display area in the table when scrolling. If you need to limit the component display in the table content area, you need to specify it as `table.bodyDomContainer`; if you need to limit the component display in the table header area, you need to specify it as `table.headerDomContainer`; if it is a pop-up window or menu component, you do not need to configure this property
* `table.bodyDomContainer` Table content area
* `table.headerDomContainer` Table header area
* `table.frozenBodyDomContainer` Left frozen area of table content
* `table.frozenHeaderDomContainer` Frozen area of table header
* `table.rightFrozenBodyDomContainer` Right frozen area of table content
* `table.rightFrozenHeaderDomContainer` Right frozen area of table header
* `table.frozenBottomDomContainer` Left frozen area of table bottom
* `table.bottomDomContainer` Bottom frozen area of table
* `table.rightFrozenBottomDomContainer` Right frozen area of table bottom
* `anchorType` Anchor type, used to specify the anchor position of the upper left corner of the component relative to the cell
* 'top'
* 'bottom'
Expand Down
9 changes: 9 additions & 0 deletions docs/assets/guide/zh/custom_define/react-custom-component.md
Original file line number Diff line number Diff line change
Expand Up @@ -805,6 +805,15 @@ react中还支持配置以下属性:
* `pointerEvents` 是否响应鼠标事件
* `penetrateEventList` 鼠标事件穿透列表,用于指定哪些鼠标事件需要穿透到VTable(目前暂时只支持`wheel`
* `container` 容器,用于限制滚动时组件显示区域在表格中,如果需要限制组件显示在表格内容区域,需要指定为`table.bodyDomContainer`;如果需要限制组件显示在表格表头区域,需要指定为`table.headerDomContainer`;如果是弹窗或菜单类组件,不需要配置该属性
* `table.bodyDomContainer` 表格内容区域
* `table.headerDomContainer` 表格表头区域
* `table.frozenBodyDomContainer` 表格内容左侧冻结区域
* `table.frozenHeaderDomContainer` 表格表头冻结区域
* `table.rightFrozenBodyDomContainer` 表格右侧冻结区域
* `table.rightFrozenHeaderDomContainer` 表格右侧表头冻结区域
* `table.frozenBottomDomContainer` 表格底部左侧冻结区域
* `table.bottomDomContainer` 表格底部冻结区域
* `table.rightFrozenBottomDomContainer` 表格右侧底部冻结区域
* `anchorType` 锚定类型,用于指定组件左上角相对于单元格的锚定位置
* 'top'
* 'bottom'
Expand Down

0 comments on commit c5edbe7

Please sign in to comment.