Skip to content

a-table在嵌套表格时,子表格配置了:scroll="{ x: 'max-content' }"会导致子表格的column里面的ellipsis、resizable属性不生效 #6484

@qhl123456

Description

@qhl123456
  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.1.0

Environment

Vue 3.2.25 Google112.0.5615.137

Reproduction link

https://www.antdv.com/components/table-cn/#components-table-demo-nested-table

Steps to reproduce

外层table使用a-table,在expandedRowRender插槽里再套用一个a-table,此时会发现子表格横向滚动时父表格也在滚动,为子表格增加:scroll="{ x: 'max-content' }"后,子表格配置好的column的ellipsis、resizable属性失效,并且最右侧的固定列在横向滚动时滚动到最右侧会晃动一下

What is expected?

子表格配置好的column的ellipsis、resizable属性生效

What is actually happening?

外层table使用a-table,在expandedRowRender插槽里再套用一个a-table,此时会发现子表格横向滚动时父表格也在滚动,为子表格增加:scroll="{ x: 'max-content' }"后,子表格配置好的column的ellipsis、resizable属性失效,并且最右侧的固定列在横向滚动时滚动到最右侧会晃动一下

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions