Yes, I understand that. I don’t have any issue with the height or vertical scrollbar. It works as expected. The issue I am having is with the width or horizontal scroll bar. I also, understand that you are not supporting that feature natively at the moment. However, I am requesting you to provide some workaround. I have tried my level best for this, but it won’t work well with less data (refer my original post to reproduce the issue). I believe you can provide a temporary workaround for this. Please help me out.
Technically speaking, this can be achieved by increasing/decreasing the width of the grid itself when you increase/decrease the column size. This is what I tried to achieve with the below code and succeeded partially
$("#jqxgrid").on('columnresized', function (event) { var args = event.args; var column = args.column; var modifiedWidth = args.newwidth - args.oldwidth; var newGridSize = $('#contenttablejqxgrid').width() + modifiedWidth; // Resize grid with column. $("#jqxgrid").jqxGrid({ width: newGridSize }); });
Still there are times when the div contenttablejqxgrid overflows the parent div causing a scrollbar on the grid.