Dev
Web
React
Ant Design
Table

Working with Antd Table

Columns width not working when there's fixed column

  • Resolution: make sure scroll.x is set to a certain number (not auto) AND make sure each column have defined width size.

Flexible Column Width

  • If all column need to be shown in screen but want a readable + scrollable table in mobile view (no need define width size for each column):
    • set scroll.x to certain width (following estimated overall column width) if the view width is mobile
    • else set scroll.x to auto