Responsive

24 May 20191 minute to read

PivotGrid and PivotTable 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 PivotGrid by setting IsResponsive property to true.

On resizing the browser, the PivotTable Field list will get collapse and an icon will appear on the left-hand side of the browser. User can toggle its view and perform UI interaction.

  • CSHTML
    • @Html.EJ().Pivot().PivotGrid("PivotGrid1").Url(Url.Content("/OLAPService")).IsResponsive(true)

    ASP NET MVC pivot grid control with normal layout

    Normal PivotGrid

    ASP NET MVC pivot grid control with responsive layout

    Responsive PivotGrid

    ASP NET MVC pivot table field list in collapsed state

    Responsive PivotTable Field List - Collapsed

    ASP NET MVC pivot table field list in expanded state

    Responsive PivotTable Field List - Expanded