Hi Team,
igGrid seems to have the capability of including the padding-right on the table header when there is a scroll bar in the table body. This seems to work fine in case of local data source as below-
https://jsfiddle.net/zs4gjd16/
But the issue comes when there is a remote URL acting as a data source. Then even if there is a scroll bar present in the table body, it is not adding padding-right to the table header as below-
https://jsfiddle.net/xjy1nv9f/1/
This issue is causing to misalign the table header cells with the table body cells, as the table header cells are a bit more stretched in width as compared to cells in table body with the scroll bar. Although this misalignment is not quite visible in the above example, it is really significant in our production app.
Please let me know how this issue can be fixed.
Regards,
Vaibhav