[Solved] LWC datatable column width responsive

zaitsman Asks: LWC datatable column width responsive
I have a LWC component (NOT Aura) that has a datatable with just one column.

By default, the width of that column is 1000 px, which is way too small.

Using max-column-width="4000" or similar on the lightning-datatable tag i can get the column to size itself to screen width.

However, if the user then resizes the screen, the column does not follow that.

Is there any way to set the column to be 100% width rather than a fixed value in pixels?

As requested, here’s the code which is absolutely vanilla…

Code:
 <lightning-datatable key-field="Id" data={data} columns={columns} is-loading={loading} max-column-width="4000">
        </lightning-datatable>

Js file:

Code:
@track data = [{ Id: '1', Name: 'test', link: '/somewhere/else' }];
@track loading = false;
    columns = [
        { label: 'Name', fieldName: 'link', type: 'url', typeAttributes: {
            label: { fieldName: 'Name' }
          } }
    ];

Ten-tools.com may not be responsible for the answers or solutions given to any question asked by the users. All Answers or responses are user generated answers and we do not have proof of its validity or correctness. Please vote for the answer that helped you in order to help others find out which is the most helpful answer. Questions labeled as solved may be solved or may not be solved depending on the type of question and the date posted for some posts may be scheduled to be deleted periodically. Do not hesitate to share your response here to help other visitors like you. Thank you, Ten-tools.