上海定制化网站开发公司,用ps做网站首页顶部图片,网站建设国家有补贴吗,十堰建设网站首页本示例是AntDesign Blazor的入门示例#xff0c;在学习的同时分享出来#xff0c;以供新手参考。
示例代码仓库#xff1a;https://gitee.com/known/AntDesignDemo
1. 学习目标
使用Table组件创建列表页面使用DisplayName特性显示中文表头使用模板和Tag组件显示高温数据使…本示例是AntDesign Blazor的入门示例在学习的同时分享出来以供新手参考。
示例代码仓库https://gitee.com/known/AntDesignDemo
1. 学习目标
使用Table组件创建列表页面使用DisplayName特性显示中文表头使用模板和Tag组件显示高温数据使用TitleTemplate自定义栏位表头
2. 创建Table列表
1双击打开Components\Pages\Weather.razor页面组件删除如下代码。 2添加如下Table组件将天气数据绑定到DataSource属性上定义列表属性栏位。 3点击运行按钮效果如下 3. 显示中文表头
1优化列表字段显示为中文名称在WeatherForecast类的属性上添加DisplayName特性需要引用命名空间using System.ComponentModel 2点击运行按钮效果如下 4. 使用模板显示高温数据
1优化列表温度栏当温度大于30时用红色标记显示这里需要用到模板列模板中用Tag组件来显示高温数据优化代码如下 2点击运行按钮效果如下 5. 显示自定义表头
1使用TitleTemplate自定义温度标题在标题前插入一个Icon字体图标。 2点击运行按钮效果如下 6. 总结
关于Table组件的创建和内容显示基本分享这些标题模板和数据模板基本上满足实际项目需求具体需求可以通过此例举一反三其他更多示例可参考AntDesign Blazor的官网文档 https://antblazor.com/zh-CN/components/table 。
7. 视频
https://www.bilibili.com/video/BV1XN411L775/
