Kanban static column width and horizontal scroll

[Thienan]

Hi, we are having trouble setting up our Vue kanban. It seems to always evenly distribute and scale the swimlane columns to fill 100% of the kanban width. This means if we have 12 columns, the columns are too narrow. How can we set the columns to a fixed width and enable horizontal scroll if the columns overflow the kanban area?

[Revanth Krishnan]

Hi Thienan, 

  

  

Greetings from Syncfusion support. 

 

 

We have validated your reported query. You can set a fixed width for the columns, by using the Width property of the Kanban component. Based on the width configured for the Kanban component, the inner elements will be adjusted with the horizontal scroll occupying the width specified equally for all the columns. We have also prepared a sample that tries to meet your requirements.  

  

Code Snippet: 

 

 

<ejs-kanban  width="3000px" ></ejs-kanban>  

 

 

Sample: https://codesandbox.io/s/ej2-vue-kanban-sample-fontawesome-icon-forked-297wc?file=/src/App.vue 

  

API link: https://ej2.syncfusion.com/vue/documentation/api/kanban#width  

  

Please check the above code snippet and the sample and let us know if it satisfies your requirement. 

  

Regards,  

Revanth