在 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。