I had previously created a front facing page with a table that has a sticky header using Drupal's built in sticker header js.
Now, we are in the process of making that site responsive. To handle the tables we have set an overflow: scroll on the table container to create a horizontal scrollbar for the table.
However, the sticky header (because it is position fixed) does not scroll.
How can I implement Drupal's sticky header in a responsive site.
Code that generates the table:
$block['content'] = theme_table( array( 'header' => $table_headers, 'rows' => $table_rows, 'attributes' => array(), 'caption' => '', 'empty' => '', 'colgroups' => array(), 'sticky' => TRUE, ) );