新Telerik UI为Blazor?免费下载30天试用
网格-分组
- 例子
- 查看源代码
- 在telerik repl中编辑
- 改变主题
默认的
拖动列标题并将其放在这里，以按该列分组
| ProductName | 类别Id | 现在有货 | 列出的价格 | 停止 |
|---|
| 柴 | 1 | 39 | 18.00 | 假 |
| 常 | 1 | 17 | 19.00 | 假 |
| 八角糖浆 | 2 | 13 | 10.00 | 假 |
| 安东厨师的卡津调味料 | 2 | 53 | 22.00 | 假 |
| 安东主厨的秋葵汤 | 2 | 0 | 21.35 | 真正的 |
| 奶奶的博森贝里酱 | 2 | 120 | 25.00 | 假 |
| 鲍勃叔叔的有机梨干 | 7 | 15 | 30.00 | 假 |
| 诺斯伍德蔓越莓酱 | 2 | 6 | 40.00 | 假 |
| 美西·神户尼库 | 6 | 29 | 97.00 | 真正的 |
| Ikura | 8 | 31 | 31.00 | 假 |
| Queso卡布拉尔 | 4 | 22 | 21.00 | 假 |
| Queso Manchego La Pastora | 4 | 86 | 38.00 | 假 |
| Konbu | 8 | 24 | 6.00 | 假 |
| 豆腐 | 7 | 35 | 23.25 | 假 |
| Genen Shouyu | 2 | 39 | 15.50 | 假 |
- Grouping.razor
- ProductService.cs
- ProductDto.cs
正在加载演示源代码…请稍等。
描述
可以通过拖动列标题对网格进行分组。将列标头拖到指定的位置进行分组，将在视觉上区分与组匹配的所有项目。这些组可以显示聚合和可定制的标头。例如，尝试按“类别名称”、“标准成本”和“活跃销售”字段分组。要禁用网格列的分组，请设置Groupable列的参数假．
这个网格分组示例是一个独特的集合，数百Blazor演示的一部分，您可以通过它看到所有用于Blazor组件的Telerik UI他们的特征在行动。从库中查看演示的源代码或直接改编，并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder．