新Telerik UI为Blazor?免费下载30天试用
网格-排序
- 例子
- 查看源代码
- 在telerik repl中编辑
- 改变主题
默认的
第二个网格允许按多个字段排序。例如,尝试在“stopped”列上设置降序排序,然后按另一列排序,以查看单列排序的行为差异。
为单个列启用排序的网格。
ID | 产品名称 | 价格 | 现在有货 | 单位数量 | 停止 |
---|
1 | 柴 | 18.00 | 39 | 10盒× 20袋 | 假 |
2 | 常 | 19.00 | 17 | 24 - 12盎司瓶 | 假 |
3. | 八角糖浆 | 10.00 | 13 | 12 - 550毫升瓶 | 假 |
4 | 安东厨师的卡津调味料 | 22.00 | 53 | 48 - 6盎司的罐子 | 假 |
5 | 安东主厨的秋葵汤 | 21.35 | 0 | 36箱 | 真正的 |
6 | 奶奶的博森贝里酱 | 25.00 | 120 | 12 - 8盎司的罐子 | 假 |
7 | 鲍勃叔叔的有机梨干 | 30.00 | 15 | 12 - 1磅。 | 假 |
8 | 诺斯伍德蔓越莓酱 | 40.00 | 6 | 12 - 12盎司的罐子 | 假 |
9 | 美西·神户尼库 | 97.00 | 29 | 18 - 500克包装。 | 真正的 |
10 | Ikura | 31.00 | 31 | 12 - 200毫升罐子 | 假 |
为多个列启用排序的网格。
ID | 产品名称 | 价格 | 现在有货 | 单位数量 | 停止 |
---|
1 | 柴 | 18.00 | 39 | 10盒× 20袋 | 假 |
2 | 常 | 19.00 | 17 | 24 - 12盎司瓶 | 假 |
3. | 八角糖浆 | 10.00 | 13 | 12 - 550毫升瓶 | 假 |
4 | 安东厨师的卡津调味料 | 22.00 | 53 | 48 - 6盎司的罐子 | 假 |
5 | 安东主厨的秋葵汤 | 21.35 | 0 | 36箱 | 真正的 |
6 | 奶奶的博森贝里酱 | 25.00 | 120 | 12 - 8盎司的罐子 | 假 |
7 | 鲍勃叔叔的有机梨干 | 30.00 | 15 | 12 - 1磅。 | 假 |
8 | 诺斯伍德蔓越莓酱 | 40.00 | 6 | 12 - 12盎司的罐子 | 假 |
9 | 美西·神户尼库 | 97.00 | 29 | 18 - 500克包装。 | 真正的 |
10 | Ikura | 31.00 | 31 | 12 - 200毫升罐子 | 假 |
- Sorting.razor
- ProductService.cs
- ProductDto.cs
正在加载演示源代码…请稍等。
描述
Telerik Grid for Blazor允许您按升序和降序按一个或多个字段对其数据进行排序。当你设置可分类的组件的参数真正的您可以单击列的标题来应用排序。在本演示的第二个Grid中,您可以看到为多个列启用了排序。要在您自己的应用程序中实现相同的行为,请设置SortMode来多个.
这个网格排序的例子是一个独特的集合,数百Blazor演示的一部分,你可以看到所有用于Blazor组件的Telerik UI他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder.