Grid Width based on number of columns

[Nilesh]

Hi There,

 

I have a dynamically created kendo grid. The problem here is that the kendo grid fills up the entire page even when there are just 2 columns in the grid. This is not the desired behavior I need. What I need is tha the grid should fit the columns based on the contents and the grid should fit to number of columns.

 

I tried changing the CSS 

.k-grid table{    display: inline-block}

but this CSS messes up the alignment between the kendo grid header and content columns.

 

Can you guys please guide me on how to achieve this? I have created a JSFiddle with two grids and I want the kendo grid to behave similarly.

[Dimo]

Hi Nilesh,

Please check the Grid documentation.

http://docs.telerik.com/kendo-ui/web/grid/how-to/Layout/auto-layout-grid

Regards,
Dimo
Telerik

 

 

[Nilesh]

Hey Dimo, Thank you very much for this solution. Although I needed scrolling in the grid, which I did by adding my own styles.

 

But your solutions works.

 

Thanks,