Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nested tables don't work with fixed columns #29588

Open
1 task done
menosprezzi opened this issue Mar 2, 2021 · 2 comments
Open
1 task done

Nested tables don't work with fixed columns #29588

menosprezzi opened this issue Mar 2, 2021 · 2 comments
Labels

Comments

@menosprezzi
Copy link

menosprezzi commented Mar 2, 2021

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

Reproduction link

https://codepen.io/menosprezzi/pen/GRNybBX

Steps to reproduce

  1. Open a new codepen of https://ant.design/components/table/#components-table-demo-nested-table
  2. Set Date column as fixed in the NestedTable component
  3. Resize the space available in the screen

What is expected?

Render fixed columns in the nested table.

What is actually happening?

It renders the nested table without the fixed effect applied to the desired column which breaks the responsivity

Environment Info
antd 4.12.3
React 16.14.0
System MacOS Big Sur; Windows 10
Browser Chrome 88; New Edge

Check the CSS code to preview the hack that I made to accomplish the correct experience.

@zombieJ
Copy link
Member

zombieJ commented Mar 3, 2021

https://codesandbox.io/s/nested-tables-antd4130-forked-tomgk?file=/index.js

Is this missing scroll x?

@menosprezzi
Copy link
Author

menosprezzi commented Mar 3, 2021

@zombieJ Hello there!
Wow! I didn't realize that this prop will fix that behaviour. Great!
I think that will be the right thing to do if we put this prop in the nested table example on the Docs, so other sloppy devs (like I was 😛 ) can go with it and don't break their heads hehe

Should I go with a PR?

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants