Skip to content

Scrollable Table

NEW 2024/03/15

Scrollable table with sticky header, auto-saving state for next page visit. When scrolling down the table, the top navigation bar and buttons will still be visible.

1
2
3
4
// file: hooks/TABLENAME-tv.js
jQuery(function() {
    AppGiniHelper.tv.addStickyButton();
});

Tips

Enable globally

If you want to have this feature for all tables, change the default value in hooks/header-extras.php test 

1
2
3
4
5
6
<!-- include AppGini Helper Javascript Library -->
<script src="hooks/AppGiniHelper.min.js"></script>

<script>
    AppGiniHelper.Defaults.tv_sticky = true;
</script>
Colors 
1
2
3
4
5
<script>
    AppGiniHelper.Defaults.tv_sticky = true;
    AppGiniHelper.Defaults.tv_sticky_background_color = "steelblue";
    AppGiniHelper.Defaults.tv_sticky_color = "white";
</script>