I decided to start a new thread since I now understand the problem better.
Im using a standard visual studio bootstrap 3 template as basis for a textbox and kendo.ui.grid grid.
I managed to get the grid to be full screen width and follow the browser when sized (only width, not height), that is shrink if you shrink the browser size.
My grid allways starts in about 1/3 of the screen size (height, width is fine), and even though I set the pagesize in the grid to 40 rows that doesnt change.
Is there a way that I can let the grid height use the browser height without having a scrollbar ? also follow its size when I resize the browser.
I would also like to be able to accomodate different resolutions and possibly pads or mobile devices.
I did have a look at a demo where this was nicely done in jfiddle, but I never managed to find the settings that controlled it, I tried copying every setting I found there over to my project to no avail.
My grid gets it data from server side calls, so I cannot use client side only, but yes I could use ajax calls to get my data.