Updated pager.

JSMR.UI.Blazor/Components/JPagination.razor

@@ -3,6 +3,14 @@
         <label>@IndexInfo</label>
     </div>
     <MudPagination ShowFirstButton="true" ShowLastButton="true" Count="@((int)Math.Ceiling((decimal)TotalItems / (decimal)PageSize))" Selected="@PageNumber" SelectedChanged="OnSelectedChanged" />
+    <div>
+        <MudSelect T="int" Value="PageSize" ValueChanged="OnPageSizeChanged" Dense="true" Variant="Variant.Outlined" Margin="Margin.Dense">
+            @foreach (int value in PageSizes)
+            {
+                <MudSelectItem Value="@value">@value</MudSelectItem>
+            }
+        </MudSelect>
+    </div>
 </div>
 
 @code {
@@ -12,6 +20,9 @@
     [Parameter]
     public EventCallback<int> PageNumberChanged { get; set; }
 
+    [Parameter]
+    public int[] PageSizes { get; set; } = [5, 10, 25, 50, 100];
+
     [Parameter]
     public int PageSize { get; set; }
 
@@ -34,4 +45,10 @@
         PageNumber = newPage;
         await PageNumberChanged.InvokeAsync(newPage);
     }
+
+    private async Task OnPageSizeChanged(int newPageSize)
+    {
+        PageSize = newPageSize;
+        await PageSizeChanged.InvokeAsync(newPageSize);
+    }
 }