Table Component (scroll.x dynamic)

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

What problem does this feature solve?

My problem is to set the scroll.x to be dynamic. The current implementation is to have a dynamic column and rows, but the scroll.x in need to be set manually. And I cannot get the width of the table when setting it to default. Please.

What does the proposed API look like?

const columns = [
  { title: "Full Name", dataIndex: "name", key: "name", width: 200 },
  { title: "Age", dataIndex: "age", key: "age", }, // dynamic
  { title: "Column 1", dataIndex: "address", key: "1", }, // dynamic
  { title: "Column 2", dataIndex: "address", key: "2", },// dynamic
  { title: "Column 3", dataIndex: "address", key: "3", },// dynamic
  { title: "Column 4", dataIndex: "address", key: "4", },// dynamic
  { title: "Column 5", dataIndex: "address", key: "5", },// dynamic
  { title: "Column 6", dataIndex: "address", key: "6", },// dynamic
  { title: "Column 7", dataIndex: "address", key: "7", },// dynamic
  { title: "Status", dataIndex: "status", key: "8", fixed: "right", width: 150 }, // dynamic
  { title: "Sub-Status", dataIndex: "substatus", key: "9", fixed: "right", width: 150 }// dynamic
];

[afaqahmedkhan]

I tried scroll={{ x: 'max-content' }} and it works for the same issue

[andribiz]

I tried scroll={{ x: 'max-content' }} and it works for the same issue

This should be in official documentation. It will save a lot of time and headache