在 Ant Design Blazor 中，Table 組件的 ShowTotal 屬性是一個泛型屬性，它可以是兩種類型之一：Func<PaginationTotalContext, string> 或 RenderFragment<PaginationTotalContext>。這個屬性用於定義如何顯示錶格數據的總條數。
OneOf<T1, T2> 是一個特殊的類型，它表示這個屬性可以是 T1 或 T2 中的任意一個類型。在這種情況下，ShowTotal 屬性可以是 Func<PaginationTotalContext, string> 或 RenderFragment<PaginationTotalContext> 中的任意一個。
-
Func<PaginationTotalContext, string>是一個委託，它接受一個PaginationTotalContext對象作爲參數，並返回一個字符串。這個字符串將作爲分頁信息中顯示總條數的文本。 -
RenderFragment<PaginationTotalContext>是一個用於渲染 UI 的片段，它接受一個PaginationTotalContext對象作爲參數。在這個片段中，你可以使用 Blazor 的渲染語法來創建任意複雜的 UI 來顯示總條數。
以下是如何使用這兩種方式來設置 ShowTotal 屬性的示例：
使用 Func<PaginationTotalContext, string>:
@using AntDesign;
<Table TItem="YourDataType"
DataSource="yourDataList"
@bind-PageIndex="currentPage"
@bind-PageSize="pageSize"
Total="totalItems"
ShowTotal=@(context => $"共 {context.Total} 條記錄)">
<!-- 表格列定義 -->
</Table>
@code {
private int currentPage = 1;
private int pageSize = 10;
private int totalItems = 50; // 假設有50條數據
}
使用 RenderFragment<PaginationTotalContext>:
@using AntDesign;
<Table TItem="YourDataType"
DataSource="yourDataList"
@bind-PageIndex="currentPage"
@bind-PageSize="pageSize"
Total="totalItems"
ShowTotal=@(context => (@<span>共 @context.Total 條記錄</span>))">
<!-- 表格列定義 -->
</Table>
@code {
private int currentPage = 1;
private int pageSize = 10;
private int totalItems = 50; // 假設有50條數據
}
在這兩個示例中，我們分別使用了 Func<PaginationTotalContext, string> 和 RenderFragment<PaginationTotalContext> 來設置 ShowTotal 屬性，以顯示數據的總條數。你可以根據你的需求選擇任意一種方式來定製顯示總條數的文本或 UI。