Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Vaibhav Gupta
70
Table header not padding to the right when scroll bar appears
posted

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