RadzenDataGrid ShowPagingSummary is ignored when PageSizeOptions are set

MirageJb · September 5, 2024, 9:36pm

I have a data grid in which I want to show the paging summary on desktops and hide them on mobile devices. I have set it as follows:

ShowPagingSummary="@(IsMobileDevice == false)"
PageSizeOptions=@(new int{25, 50, 100})

When I run this on mobile device, it stills shows the paging summary. If I remove PageSizeOptions, then it works correctly.

Is this by design? Is there a workaround? Thanks.

enchev · September 6, 2024, 6:03am

As far as we know these are not connected in any way:

github.com

radzenhq/radzen-blazor/blob/56cb173ad55291181d683daaa1a33cb99411ac16/Radzen.Blazor/RadzenPager.razor#L7


      
          @inherits RadzenComponent
          @if (GetVisible())
          {
              <div @ref="@Element" @attributes="Attributes" class="@GetCssClass()" style="@Style" id="@GetId()" 
                   @onkeydown="@OnKeyDown" @onkeydown:preventDefault="preventKeyDown" @onkeydown:stopPropagation="true" tabindex=0
                   @onfocus=@OnFocus>
                  @if(ShowPagingSummary)
                  {
                  <span class="rz-pager-summary">@((MarkupString)string.Format(PagingSummaryFormat, CurrentPage + 1, numberOfPages, Count))</span>        
                  }
                  <a d="@(GetId() + "fp")" class="rz-pager-first rz-pager-element @(skip > 0 ? "": "rz-state-disabled") @(focusedIndex == -2 ? "rz-state-focused": "")" @onclick:preventDefault="true" @onclick="@(() => FirstPage())" aria-label="@FirstPageAriaLabel" role="button" title="@FirstPageTitle" disabled="@(CurrentPage <= 0)">
                      <span class="rz-pager-icon rzi rzi-step-backward"></span>
                  </a>
          
                      <a id="@(GetId() + "pp")" class="rz-pager-prev rz-pager-element @(skip > 0 ? "": "rz-state-disabled") @(focusedIndex == -1 ? "rz-state-focused": "")" @onclick:preventDefault="true" @onclick="@(() => PrevPage())" aria-label="@PrevPageAriaLabel" role="button" title="@PrevPageTitle" disabled="@(CurrentPage <= 0)">
                      <span class="rz-pager-icon rzi rzi-caret-left"></span>
                      @if (PrevPageLabel != null)

github.com

radzenhq/radzen-blazor/blob/56cb173ad55291181d683daaa1a33cb99411ac16/Radzen.Blazor/RadzenPager.razor#L42


      
                      {
                          <span class="rz-pager-label">@NextPageLabel</span>
                      }
                      <span class="rz-pager-icon rzi rzi-caret-right"></span>
                  </a>
          
                          <a id="@(GetId() + "lp")" class="rz-pager-last rz-pager-element  @((CurrentPage != numberOfPages - 1) ? "": "rz-state-disabled") @(focusedIndex == Math.Min(endPage + 1, PageNumbersCount) + 1 ? "rz-state-focused": "")" @onclick:preventDefault="true" @onclick="@(() => LastPage())" aria-label="@LastPageAriaLabel" role="button" title="@LastPageTitle" disabled="@(CurrentPage >= (numberOfPages - 1))">
                      <span class="rz-pager-icon rzi rzi-step-forward"></span>
                  </a>
          
                  @if(PageSizeOptions != null && PageSizeOptions.Any())
                  {
                      <RadzenDropDown TValue="int" Data="@PageSizeOptions" Value="@PageSize" Change="@OnPageSizeChanged" />
                      <span class="rz-pagesize-text">@PageSizeText</span>
                  }
              </div>
          }

Setting ShowPagingSummary to false and PageSizeOptions in our demos works as expected:

MirageJb · September 6, 2024, 8:43pm

Thank you for your response.