原生Angular性能
我们的数据网格不是jQuery或JavaScript包装器。它是专门为Angular设计的,使你能够充分利用框架的原生性能,比如
提前编译(AOT)
,
Angular通用渲染
而且
树摇晃
.
您可以在我们的性能演示中自行查看
分页是开发人员用来优化加载时间的最流行的方法。实现分页后,Grid将只加载为特定页面指定的行数。Angular分页器的Kendo UI是可配置的、可响应的、可访问的、可主题的,因此实现它是一件轻而易举的事。
参见Angular Grid分页演示
虚拟滚动(行和列)
虚拟滚动本质上是分页的另一种方法。与使用编号控件来导航子集不同,每个后续数据子集(或页面)是在用户滚动到当前视图末尾时加载的。可以为垂直行滚动和水平列滚动启用虚拟滚动。
参见Angular网格虚拟化演示
.
Angular数据网格的Kendo UI包含一个内置指示器,可以显示数据操作正在进行的情况。每当数据加载时,用户将看到一个旋转的图标。在需要实现自己的指示符的情况下,支持自定义指示符。
参见Angular数据网格数据绑定演示
在Angular Grid的Kendo UI中,用户可以通过多种方式编辑数据项。他们可以通过专门的编辑按钮逐行编辑,通过单击单个单元格编辑它们,或者使用外部表单编辑当前选中的项目。然后,Angular Grid可以与任何Angular服务层一起工作,将更改持久化回数据库。
参见Angular数据网格编辑演示
有了Angular Grid的Kendo UI的开箱即用过滤特性,用户可以轻松地快速切割绑定到Angular数据表的数据。过滤可以通过专门的过滤器行来完成,它会显示专门用于过滤器的行,或者通过单击列标题中的过滤器图标时弹出的过滤器菜单来完成。Angular数据网格也可以被扩展,提供一个自定义组件来处理过滤,让你可以完全控制用户体验。
参见Angular Grid Filtering的演示
使用Agular排序功能的Kendo UI,允许用户按升序或降序对Angular数据表中的数据项进行排序。用户可以单击列标题,以升序、降序或无排序顺序循环进行排序。您还可以允许用户对单个或多个列进行排序,或者禁用逐列排序。开发人员还可以用预先排序的数据渲染Angular数据网格,提前定义要对哪些列进行排序和排序。
参见Angular网格排序演示
分组和聚合
用户可以在Angular Grid的Kendo UI中拖放列,按字段对它们进行分组。这并不局限于单个列,也不限制可以定义的组和子组的数量。当分组时,每个组都可以通过用户单击适当的展开/折叠图标展开或折叠。每个组还可以在页眉和页脚区域提供聚合信息,每个组可以按升序或降序排序。
参见Angular网格分组和聚合演示
Angular Grid的Kendo UI为各种列交互提供了内置功能。用户可以在显示或隐藏列之间切换,调整列的大小和重新排序,拖动列进行分组等。这些选项可以跨所有列应用,也可以逐列定义。
参见Angular网格列交互演示
Angular Grid的Kendo UI支持多种形式的选择,包括单行选择和多行选择。您可以使用户通过单击单个行选择该行,通过ctrl单击它们选择多个行,或者通过专用的复选框列选择多个行。
参见Angular Grid Selection的演示
主从复合结构表
有了内置的Hierarchy特性,Angular Grid的Kendo UI可以以主从关系(也称为父-子关系)的形式展示多个Angular数据表。这个层次结构允许每个Angular数据表根据它应该显示的数据启用自己独特的特性集(比如排序、分页、过滤等)。由于目前层次结构的深度没有限制,Angular数据网格非常适合显示任何类型的相关数据表。
参见Angular Grid Hierarchy演示
许多竞争的数据网格库都有树视图(Tree View)模式来显示分层数据,但Angular的Kendo UI包含了一个专门的组件。TreeView组件使用了与数据网格相同的性能、数据绑定灵活性和可定制性,但提供了特定于树视图场景的特性。它包括剑道UI,所以你得到最好的两个世界!
阅读有关Angular TreeView组件的信息
导出到Excel和PDF
React Grid与KendoReact库中的Excel和PDF导出库集成。这种集成允许在数据网格中找到的所有内容通过一次单击导出到Excel或PDF。有了大量可用的配置选项,开发人员可以决定是否应该只导出显示的当前数据集,还是应该将整个数据集包含在导出中,并且可以实时定制每个导出文件。
参见Angular Grid Export to Excel和PDF演示
保持列状态
Angular数据网格包含高度交互的列。用户可以重新排序,大小,切换可见性和更多。当用户配置高度定制的视图时,他们可能希望在返回页面时检索该视图。为了帮助您实现这一点,我们提供了一个广泛的演示。
参见Angular Grid Persist State演示
列菜单提供了一种将数据处理功能应用到指定列的方便方法。用户可以对网格数据进行排序和筛选,切换列的锁定和粘性状态,或者更改它们的可见性。您可以自定义菜单项的顺序,并根据需要创建自定义控件。
参见Angular数据网格列菜单演示
所有用于Angular组件的Kendo UI都是为Angular从头开始构建的。还有许多是jQuery或其他技术的包装器。
该组件是高度可定制的,可以用作简单的数据表或健壮的企业级数据网格。
它是开发人员用来构建现代、一致的Angular UI的100多个其他组件之一。
作为一个商业产品,它经常被一个全职的专家团队更新,以满足角度兼容性和用户需求。
我们的支持团队不断赢得行业组织和用户的赞誉。
每个特性都有详细的文档记录。
Angular数据网格的Kendo UI有哪些常见用例?
你可以在任何需要以表格格式显示数据的时候使用它,但这里有一些常见的用例:
简单的数据表。
库存管理。
财务报告。
KPI仪表板。
CRM / POS。
我可以试试Angular数据网格的Kendo UI吗?
是的,你可以通过注册一个30天的试用期来尝试Angular组件的所有Kendo UI。在评估期间,您将能够访问所有组件、技术支持、文档和按需技术培训。
如何购买Angular数据网格的Kendo UI ?
数据网格组件是Angular组件库的Kendo UI的一部分,该组件库是Kendo UI包的一部分。Kendo UI包括jQuery、Angular、React和Vue的库。你可以购买剑道UI
在线
或者联系销售人员。
我需要一个数据表。Angular数据网格的Kendo UI对我有用吗?
是的,Angular数据网格组件本质上是一个全功能的数据表视图。