Behavior: Scroller

The Scroller behavior will create a scroll bar in the tbody, keeping the thead and tfoot in a fixed position. This allows a user readily access the options menu, column headers, and pagination section regardless of how many rows of data are displayed.

Options include:
  • cssClass: defaults to 'scroller'
  • height: defaults to 400px
Example:

<table class="grid" data-behavior="Scroller">
  <thead>...</thead> <!-- fixed -->
  <tbody>...</tbody> <!-- scrollable, if the table would exceed 400px -->
  <tfoot>...</tfoot> <!-- fixed -->
</table> 

Use this behavior on tables that are higher than the typical web browser's height.
Comments