Angular ngx-datatable fixed column width is not working

Question

I am using swimlane's ngx-datatable. I need to give specific widths to couple of columns in my table, but it is not working. This is how I create my table:

page.component.html:

<ngx-datatable [rows]="rows" [columns]="columns" rowHeight="auto" columnMode="force" [reorderable]="false" [swapColumns]="false"></ngx-datatable>

page.component.ts:

this.columns = [
   { prop: 'col1', resizeable: false, sortable: false, width: 30 }, 
   { prop: 'col2', resizeable: false }, 
   { prop: 'col3', resizeable: false, sortable: false }, 
   { prop: 'col4', resizeable: false, sortable: false },
   { prop: 'col5', resizeable: false, sortable: false, width: 30 }
];

Can you try to add these properties too? minWidth: 30, maxWidth: 30 — Akif
– Akif, Commented Jul 26, 2021 at 13:43

Akif · Accepted Answer · 2021-07-26 14:09:42Z

4

As mentioned in the documentation, default value of the minWidth property is 100. IMHO, if we try to define a width value smaller than 100, then we need to define the minWidth property too.

minWidth: number

Minimum width of the column in pixels. Default value: 100

answered Jul 26, 2021 at 14:09

Akif

7,6687 gold badges33 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular ngx-datatable fixed column width is not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related