Responsive

24 May 20191 minute to read

The pivot grid and pivot table field list control supports responsive rendering based on the target device (desktop and tablet) resolution. It supports resolution upto 1024x600. You can enable responsiveness in the pivot grid by setting the is-responsive property to true.

When resizing the browser, the pivot table field list will be collapsed, and an icon will appear on the left-hand side of the browser. You can toggle its view and perform UI interaction.

  • CSHTML
    • <ej-pivot-grid id="PivotGrid1" is-responsive="true"></ej-pivot-grid>

    ASP NET Core pivot grid control with normal layout

    Normal PivotGrid

    ASP NET Core pivot grid control with responsive layout

    Responsive PivotGrid

    ASP NET Core pivot table field list in collapsed state

    Responsive PivotTable Field List - Collapsed

    ASP NET Core pivot table field list in expanded state

    Responsive PivotTable Field List - Expanded