I’m using this example of table resize, but I want to be able to resize the columns more than the default size of the table, and use the horizontal scroll.

Example that I’m using: https://stackblitz.com/edit/mat-table-resize-column?file=src%2Fapp%2Fapp.component.ts

I tried to use this code:

this.renderer.setStyle(column, ‘min-width’, ${width}px);

instead of:

this.renderer.setStyle(column, “width”, ${width}px);

And it works, but the table functions badly; when I click the resizer and I move only a little the mouse, it moves alone, which is worse if I only use 2 columns.