Table columns getting distorted when scrolling down

We have a skuid page where we have a table component. We have freezed the column headers, allowed scroll bars and have set table height as 500px. We have also fixed the column widths. But when we are scrolling down in the table, the column headers are getting distorted i.e. column headers have different width and rest table data columns have different width.

Please suggest solution for this issue.

We have noticed that Sorting based on particular column is also not working in this case, when ‘Allow Ordering’ attribute is marked true.

Please suggest.