原文鏈接：https://www.cnblogs.com/argozhang/p/14074552.html
Bootstrap Blazor 是一套企業級 UI 組件庫，適配移動端支持各種主流瀏覽器，已經在多個交付專案中使用，通過本套組件可以大大縮短開發周期，節約開發成本，目前已經開發、封裝了 70 多個組件，歡迎有興趣的同學試用，
Gitee 開源地址為：https://gitee.com/LongbowEnterprise/BootstrapBlazor
Github 開源地址為：https://github.com/ArgoZhang/BootstrapBlazor
在線演示網站：https://www.blazor.zone
前言
Table（表格）組件應該是做管理型網站開發的核心組件了，通過 Table 可以衍生出非常多的功能，上一章節對 Table 的自動生成列強大功能進行了介紹，本章詳細介紹 Table 組件列的其他屬性以及用法，
自定義列
在實際開發中有時候資料庫存盤的是 true/false，而現實的時候為了美化需要顯示開關組件或者復選框組件，在 BootstrapBlazor 組件中自定義類模板功能非常簡單，代碼如下：
1 <TableColumn @bind-Field="@context.Complete"> 2 <Template Context="v"> 3 <Switch IsDisabled="true" Value=https://www.cnblogs.com/ysmc/p/"v.Value" ShowInnerText="true" OnInnerText="是" OffInnerText="否" /> 4 </Template> 5 </TableColumn>
小技巧
模板類中 Context 是系結模型，變數名默認使用 context 當模板中再次使用時與原有的沖突，通過設定 Context="v" 將原有變數名 context 更改為 v，方便后面使用
模板中通過 Swtich 組件將布爾變數更改為開關組件來呈現，效果圖如下：
劃重點
模板列中背景關系 Context 是組件提供的 TableColumnContext 資料型別，其屬性如下
- Value 為當前系結列的資料值
- Row 為當前系結列所在行的資料值
所以在模板列中獲取所在行其他列資料時也是非常方便的，有興趣學習 Blazor 的請加 QQ 群 795206915
更多列相關技巧請查看 BootstrapBlaozr 演示，下一篇講解列資料介紹
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/233310.html
標籤：.NET Core