Answers

• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  February 2022

  Support for FixedHeader to support scrollX came in 3.2.1. You have 3.1.8 in the example. Updated the example to use the latest FixedHeader 3.2.1 and it looks to be working:
  http://live.datatables.net/zifohago/1/edit

  Kevin
• frenzy1 Posts: 10Questions: 1Answers: 0

  February 2022

  Thanks for the reply.

  In my project I did have the latest versions. So wondering what else could it be
• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  February 2022 edited February 2022

  I have a rowspan=2 with multiple colspan columns.

  Is this in the header or the tbody? These aren't supported in the tbody.

  If you are using a styling framework like Bootstrap make sure you have the proper JS and CSS integration files loaded. Use the Download Builder.

  If you still have problems please update the test case to show the issue.

  Kevin
• frenzy1 Posts: 10Questions: 1Answers: 0

  February 2022

          table = $('#dt-table').DataTable({
  /// config
  });
              $(document).on('mouseup', function(e) {
                  table.fixedHeader.adjust();
              });
              $(document).on('touchend', function() { 
                $(document).trigger('mouseup');
              });
  

  I used this for the mobile version of my table to reset the header to the proper position - it's not perfect, but it works