Frozen header

Allows you to freeze the header of the grid. so, it will be always visible while scrolling the content with large number of rows or columns providing a precise view by this enableFrozenHeaders property under the frozenHeaderSettings.

  • html
  • <div id="PivotGrid1"></div>
    
    <script type="text/javascript">
        $(function() {
            $("#PivotGrid1").ejPivotGrid({
                //...
                frozenHeaderSettings : {enableFrozenHeaders : true}
            });
        });
    </script>

    Frozen header, aka Freeze headers support in JavaScript pivot grid control

    You can also freeze the row/column headers individually by setting enableFrozenRowHeaders/enableFrozenColumnHeaders properties under the frozenHeaderSettings.

  • html
  • <script type="text/javascript">
        $(function() {
            $("#PivotGrid1").ejPivotGrid({
                //...
                frozenHeaderSettings : {
                    enableFrozenRowHeaders : true      //To Freeze the Row headers only
                }
            });
        });
    </script>

    Frozen row headers in JavaScript pivot grid control

  • html
  • <script type="text/javascript">
        $(function() {
            $("#PivotGrid1").ejPivotGrid({
                //...
                frozenHeaderSettings : {
                    enableFrozenColumnHeaders : true  //To Freeze the Column headers only
                }
            });
        });
    </script>

    Frozen column headers in JavaScript pivot grid control

    You can also set the size of the scroller (horizontal and vertical) in the pivot grid by using the scrollerSize property under the frozenHeaderSettings.

  • html
  • <script type="text/javascript">
        $(function() {
            $("#PivotGrid1").ejPivotGrid({
                //...
                frozenHeaderSettings : {
                    scrollerSize : 18
                }
            });
        });
    </script>

    Scroller size in JavaScript pivot grid control