How to set the fixed width to each column like 300px?


Now the column width is changed with broswer window size, if there is only one column, the width will become very large even fill the window.
My question is how to set the fixed width like Trello kanban?
It's urgent. Thanks.


1 Reply

VY Vinothkumar Yuvaraj Syncfusion Team June 2, 2023 11:21 AM UTC

Hi Louis,


We would like to inform you that we have implemented a table layout in the Kanban Component by default. This means that the column width is set based on the width of the entire Kanban board, and the columns will adjust their width automatically based on the Kanban component's width.


If you wish to change the width of the Kanban columns, you can set the width of the entire Kanban board using the "width" property, which will adjust each column accordingly. You can use the following style to set the column width, which applies based on the Kanban width.


.e-kanban .e-kanban-table colgroup col{

  width300px !important;

}


Regards,

Vinothkumar


Loader.
Up arrow icon