33 lines
1.0 KiB
JavaScript
33 lines
1.0 KiB
JavaScript
((Drupal, once) => {
|
|
Drupal.behaviors.ginTableHeader = {
|
|
attach: (context) => {
|
|
Drupal.ginTableHeader.init(context);
|
|
},
|
|
};
|
|
|
|
Drupal.ginTableHeader = {
|
|
init: function (context) {
|
|
once('ginTableHeader', '.sticky-enabled', context).forEach(el => {
|
|
// Watch sticky table header.
|
|
const observer = new IntersectionObserver(
|
|
([e]) => {
|
|
if (context.querySelector('.gin-table-scroll-wrapper')) {
|
|
if (!e.isIntersecting && e.intersectionRect.top === Drupal.displace.offsets.top) {
|
|
context.querySelector('.gin-table-scroll-wrapper').classList.add('--is-sticky');
|
|
} else {
|
|
context.querySelector('.gin-table-scroll-wrapper').classList.remove('--is-sticky');
|
|
}
|
|
|
|
Drupal.displace(true);
|
|
}
|
|
},
|
|
{ threshold: 1.0, rootMargin: `-${Drupal.displace.offsets.top}px 0px 0px 0px` }
|
|
);
|
|
observer.observe(el.querySelector('thead'));
|
|
});
|
|
},
|
|
|
|
};
|
|
|
|
})(Drupal, once);
|