One way that sort of works is to specify a width attribute on the grid like so:
$(element).ejGrid({
allowSorting: true,
allowMultiSorting: true,
width: "100%",
allowScrolling: true,
scrolling: { height: 400, allowVirtualScrolling: true },
pageSettings: { pageSize: 15 },
...etc...
});
The above will render the width correctly when the grid is displayed initially, but if the user resizes the browser and changes the browser width then the grid rendering is messed up, and loses the vertical scrollbar for example if the browser width is decreased during the resize.
Is there a more elegant way to do this?
Thanks in advance