Sticky header for non views tables

I am experiencing this as well. Here is my temporary fix - add gin-table-scroll-wrapper class in a wrapper container:

    // Add table wrapper for gin-table-scroll-wrapper class.
    $form['table-wrapper'] = [
      '#type' => 'container',
      '#attributes' => [
        'class' => ['gin-table-scroll-wrapper'],
      ],
      'table' => $form_table,
    ];
    return $form;

I imagine that the patch in #2 works. But it seems likely that the layer-wrapper and gin-layer-wrapper classes are used for other things, so maybe don't remove them? I think you could add gin-table-scroll-wrapper and be just fine.

Closing this as duplicate, as we'll include it in #3293369: Table header overflow issue for multiple user role on permissions page.

@paul121 I reopened this issue as #3293369: Table header overflow issue for multiple user role on permissions page. seems to take longer than expected. Please review, thanks!

Great, my table with '#sticky' => TRUE now works without my workaround described in #4.

Thanks!

I still get the bug described in issue https://www.drupal.org/project/gin/issues/3338209 (Sticky header triggered to early) even after updating to 3.0.0-rc4. This is while using Chrome 114.0.5735.198 and Firefox 114.0.1

(See screenshot gin_sticky_header_bug_screenshot.jpg ).

I am also getting the same issue mentioned in https://www.drupal.org/project/gin/issues/3338209
Issue occurs only when the table view has more number of columns. (ie. when the horizontal scroller appears)
See screenshot.

Note: Horizontal scroller div has ' --is-sticky' class

Hi, I confirm #19, the issue is still occurring when the horizontal scrollbar appears.
Can you please reopen this issue so it can be fixed ?
Thanks

Tested on rc6

I'm still seeing this issue as well with the paragraphs report. That module is just calling:

    // Table output.
    $table['table'] = [
      '#type' => 'table',
      '#title' => $this->t('Paragraphs Report'),
      '#header' => $tabular['header'],
      '#sticky' => TRUE,
      '#rows' => $chunks[$current_page] ?? [],
      '#empty' => $this->t('No components found. <br /> You may need an Admin user to enable content types on the "Settings" tab and click the "Update Report Data" button.'),
    ];

But the <thead> element ends up with this even before you scroll down.

position: sticky;
z-index: 500;
top: var(--drupal-displace-offset-top)

accidentally updated summary, fixed summary for issue