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.