使用React Pivot Grid(也称为数据透视表)迅速扩展仪表板的报告功能。这个交互组件使用户能够以多种方式交叉和汇总表数据,并使用高级计算。您可以将KendoReact Pivot Grid数据绑定到OLAP服务,并对其进行广泛定制。
启用过滤后,React Pivot Grid组件可以被操作为只显示符合用户设置的特定条件的数据。用户可以享受闪电般的数据透视表响应和各种过滤选项,包括过滤特定值,使用操作符(例如。“包含”或“以”开始)或通过预定义的字段(如时间段)进行过滤。可以对行和列应用筛选。KendoReact数据透视网格支持通过对OLAP Cube服务的XMLA访问进行过滤。
通过React Pivot Table的排序功能,用户可以选择对单列或多列进行排序,并以升序或降序显示数据。这个排序功能可以在PivotGrid中的任何数据类型上启用,如日期、地理或KPI。排序可以使用单个属性添加,该属性允许用户通过单击列或行标题进行排序。多次单击允许用户按升序和降序排序,或者根本不排序(删除任何应用的排序)。
为了方便终端用户直观地与React Pivot Grid交互,该组件提供了一个配置器界面。该配置器是一个字段列表,用户可以通过该列表应用修改,如过滤和以哪些字段为枢轴。由于配置器是Pivot Grid(一种用户管理面板)用户体验的关键,因此它是高度可定制的,能够匹配应用程序的设计并满足各种需求。例如,开发人员可以灵活地替换配置器中使用的嵌套元素或整个组件(例如反应编辑器,反应形式而且FormElement)使用自订组件。
你可以自定义React数据透视表的许多方面:从应用自定义宽度和高度到特定的行和列,到提供自定义组件。每个单元格、行和列都可以具有自定义外观,这也适用于标题行和列。
React Pivot Grid组件支持数据绑定到本地数据或者联机分析处理(OLAP)立方体.开发人员可以在客户端中提取或创建数据,并直接将其绑定到React PivotGrid组件,这取决于应用程序的需求。OLAP允许访问在称为“多维数据集”的多维结构中聚合和组织的数据。OLAP工具使用户能够交互式地对多维数据进行分析。你也可以参考我们的文章如何设置OLAP多维数据集如果你对此有疑问。
当你的用户必须在一个独立的电子表格中而不是在你的React应用程序中编辑React数据透视网格数据时,你可以使用KendoReact数据透视网格的内置导出到Excel功能。启用后,用户只需单击就可以导出组件的内容。
最终用户可以很容易地将React数据透视网格的内容导出为PDF文件:只需启用该功能。您可以利用不同的选项来配置导出的PDF文件。一个流行的配置选项是,当用户试图导出为PDF时,选择是只导出当前页面还是导出所有内容。
使用图表和数据可视化可视化显示数据是终端用户更好地理解他们正在使用的数据的一种强大方式。为此,你可以利用KendoReact UI库中React PivotGrid和React Charts之间的平滑集成。例如,每当在Pivot Grid中执行排序或筛选等数据操作时,图表将自动更新。
与每个KendoReact组件一样,React PivotGrid带有三个开箱即用的主题:Bootstrap, Material和Kendo UI Default。每个主题都可以按原样使用,也可以利用可用的Sass变量进行定制,使其成为您自己的主题。为了使定制更加容易,还有KendoReact ThemeBuilder它可以创建一个自定义主题,只需点击几下。