Column Header alignment issue OR table heading not aligned after scrolling in datatable

Column Header alignment issue OR table heading not aligned after scrolling in datatable

ashwani_kumarashwani_kumar Posts: 4Questions: 2Answers: 0

The issue is with chrome and IE.
If we add scrolling option while making datatable the table header not aligned with the table. otherwise it is fine.

"scrollY" : 200, "scrollCollapse" : true, "sScrollX" : "100px",

Answers

  • ashwani_kumarashwani_kumar Posts: 4Questions: 2Answers: 0

    Hi we can solve the issue by adding our own custom scrolling facility.

    • steps:)
      1. remove the scroll options while making datatable.
      2. wrap the table with div:
        $('#'+tableId).wrap("<div class='scrolledTable'></div>");
      3. give css property for scrolledTable class.
        .scrolledTable{ overflow-y: auto; clear:both; }
      4. Finish.
This discussion has been closed.