十博体育app使用饼干在十博体育app的网站上给你最好的体验. If you continue to b行e, then you agree to our 隐私政策饼干的政策. Image for the 饼干的政策 date
不幸的是,激活邮件不能发送到您的电子邮件. 请 再试一次.
Syncfusion反馈

Trusted by the world’s leading companies

Syncfusion Trusted Companies

概述

反应 DataGrid是一个功能丰富的控件,用于以表格格式显示数据. Its wide range of functionalities includes 数据绑定, Editing, Excel-like过滤, 自定义排序, 聚合的行, Selection, 及支持Excel, CSV, 和PDF格式.


高性能

反应 DataGrid针对高性能进行了优化设计. 负载s large volumes of data, nearly 1 million+ records, 在行和列虚拟化的帮助下,在一秒钟内不降低任何性能.


数据绑定

将数据无缝地绑定到各种本地和远程数据源(如JSON), OData, WCF, 和RESTful web服务,. 数据网格使用数据管理器来处理数据,并支持自定义数据请求和处理.

反应 数据网格/Data table 数据绑定.


Mobile optimized 和 touch friendly

反应中的DataGrid具有高度响应的布局和桌面优化设计, 触屏, 和智能手机. 它在所有使用iOS、Android或Windows 8操作系统的手机上运行良好.

触摸支持 in 反应 数据网格/Data table.

触摸支持

用户友好的触摸手势和交互式UI设计提供了最佳的用户体验. 所有数据网格功能都适用于零配置的触摸设备.

Responsive in 反应 数据网格/Data table.

自适应用户界面

The 反应 Grid is a mobile-first approach component. 其响应式用户界面可自动适应任何设备,并提供与组件交互的最佳用户体验. 除了, 有一个选项可以使用基于列的媒体查询支持来隐藏特定屏幕大小的特定列.

响应寻呼机 UI in 反应 数据网格/Data table.

响应寻呼机

反应 DataGrid分页器智能地操作,并根据维度响应地更改其完整的UI. 它的优化设计提供了不同设备的最佳UI交互.


反应 数据网格/Data table Editing.

Editing

反应 DataGrid组件支持创建、读取、更新和删除操作(CRUD). 除了内置的Editing器组件外,还可以Editing特定的列值, 定制Editing器组件可以根据应用程序的需要使用模板创建. 在数据管理器的帮助下,使用反应数组收集或远程数据服务执行Editing操作.


聚合

使用聚合特性可以很容易地显示列值的聚合. 可以自定义聚合,以在单个汇总行中显示它们的值, individual group summary 行, or in group caption 行.

反应 数据网格/Data table 聚合.


反应 Data Table 过滤.

过滤

过滤有助于查看数据网格中满足给定条件的特定或相关记录. 数据网格支持各种过滤器类型,其中包括功能强大的类似excel的过滤器. Choose appropriate filter type, define your own custom filtering logic, 并根据应用需要定制过滤UI. Diacritic characters can also be filtered.


Built-in 和 customizable themes

5个内置的基于sass的主题,如:Material, 引导, 织物(Office 365), 顺风CSS, 和高对比度. 通过覆盖现有的SASS样式或使用theme Studio应用程序创建自定义主题,简化主题定制.

反应 数据网格/Data table Themes.


出口

导出到PDF, CSV,和Excel格式的反应数据网格/数据表.

Excel, PDF, CSV导出

轻松地将反应 DataGrid组件导出为各种文件格式,如Excel、PDF或CSV. 导出的文档还可以通过编程方式进行定制.

打印 反应 Grid Table Content.

打印

通过使用工具栏中的打印选项或通过编程方式打印数据. 打印数据网格的所有行,而不考虑页面的数量,也只打印当前查看的页面.


可访问性

Keyboard Navigation in 反应 Data Table.

键盘导航

反应 DataGrid确保每个单元格都可以通过键盘访问. 主要功能如排序, select, edit can be performed using keyboard comm和s alone; no mouse interaction is required. 这有助于使用该组件创建高度可访问的应用程序.

反应数据网格/数据表中的可访问性和屏幕阅读器支持.

屏幕阅读器

反应数据网格视图具有完整的WAI-ARIA可访问性支持. 数据网格 UI包含了高对比度的视觉元素,可以帮助视障人士获得最佳的观看体验. 也, 有效的UI描述可以通过屏幕阅读器等辅助技术轻松访问.


全球化 和 localization

Format dates 和 numbers in 反应 数据网格/Data table.

全球化

反应 数据网格允许来自不同地区的用户通过格式化日期来使用它, 货币, numbering to suit locale preferences. 使用内部化(i18n)库处理值格式化.

在反应数据网格/数据表中从右到左显示语言.

从右到左(RTL)

从右到左呈现允许从右到左显示数据网格的文本和布局. 这改善了RTL语言的用户体验和可访问性.

Localize 反应 数据网格/Data table UI strings.

本地化

根据他们的需要, 用户可以本地化反应 数据网格组件用户界面中使用的所有字符串. 使用本地化(l10n)库本地化UI字符串.


附加功能

反应 数据网格/Data table with row height

行高

在视图端口中显示记录数量时,行高是一个主要因素, 而且它很容易根据应用程序的UI需求进行定制. It is also possible to set row height conditionally.

Copy to clipboard 从 反应 数据网格/Data table

复制到剪贴板

剪贴板提供了将选定行或单元格数据复制到剪贴板中的选项. 使用Ctrl+C和Ctrl+Shift+H组合键分别复制带头和不带头的数据.

反应 数据网格/Data table with context menu

上下文菜单

使用单元格时出现的弹出菜单在数据网格中执行各种操作, header, or pager is right clicked. 除了内置的默认菜单项外,还可以添加自定义上下文菜单项.

宽度和高度 in 反应 数据网格/Data table.

宽度和高度

通过设置宽度和高度属性来更改数据网格的大小. 当内容溢出数据网格元素时,将出现水平和垂直滚动条. 要让数据网格填充它的父容器,只需将高度和宽度设置为100%.

反应 数据网格/Data table with template column

模板

使用模板,在数据网格中创建自定义用户体验. 数据网格提供了各种模板选项来创建自定义标头, 单元格内容, 行, 详细的行, 工具栏, editors for edit action.

反应 数据网格/Data table with 堆叠头

堆叠头

堆叠标头允许以堆叠的方式对列标头进行Grouping和可视化. 可以堆叠的列的数量没有限制. 执行所有数据网格操作,即使列是堆叠的.


Selection

通过使用复选框或简单地单击它们来Selection行或单元格. 通过按住Ctrl或Shift或Comm和键,或通过编程方式Selection多个行或单元格.

反应 数据网格/Data table Selection.


反应 数据网格/Data table 列.

列在数据网格中定义数据源的模式. 它支持格式, 自动生成列, 列定义, freezing 行 和 columns, 列生成, 文本包装, 列Selection器, 列菜单, 和其他特性.


Grouping

将行Grouping,以有组织的分层结构(升序或降序)显示数据,以便更容易地展开和折叠记录. 有一个选项,通过简单地拖放该列在一个交互的拖放区域,来Grouping所需列的记录.


排序

只需单击标题,就可以对列进行升序或降序排序. 排序多列的数据按住Ctrl键+标题点击. 此外,根据应用程序的需要定义您自己的定制排序逻辑.


分页

分页用于查看来自指定数据源的数据段. 反应 DataGrid提供了内置的页面UI,可以定制整个UI. 它还具有按需分页模式,用于从远程web服务有效地检索数据.

反应 数据网格/Data table 分页.


反应 数据网格 无限滚动

无限滚动

在反应 DataGrid i中,无限滚动用于以惰性加载方式加载大量数据.e.,只有当滚动条到达滚动条的末端时,才加载缓冲数据.


Other supported frameworks

DataGrid组件也可以在Blazor、Vue、角和JavaScript框架中使用. 从下面的链接查看不同的DataGrid平台,


支持的浏览器

反应 数据网格与所有现代网络浏览器(比如Chrome)都能很好地兼容, 火狐, 边缘, Safari, 和IE11. It supports IE11 with the help of polyfills.

Supported web b行ers for 反应 数据网格/Data table.


反应 DataGrid Code Example

使用下面演示的几行简单的TSX代码就可以轻松开始使用反应 DataGrid. 也探索十博体育app反应DataGrid的例子 展示了如何在反应中渲染和配置DataGrid.

进口 * as 反应DOM  '反应-dom';
进口 * as 反应  '反应';
进口 { GridComponent, 列sDirective, 列Directive }  '@syncfusion/ej2-反应-grids';
进口 { orderDetails }  './数据';
进口 { SampleBase }  '../共同/ sample-base';

出口 class 默认的 扩展 SampleBase<{}, {}> {

  渲染() {
    返回 (
      <div className =“control-pane”>
        <div className =控制部分的>
          <GridComponent 数据源={orderDetails} 身高='350'>
            <列sDirective>
              <列Directive 场=“OrderID” headerText =“订单ID” 宽度='120' textAlign =“对”>列Directive>
              <列Directive 场=“CustomerName” headerText =“客户名称” 宽度='150'>列Directive>
              <列Directive 场=“向” headerText =“订单日期” 宽度='130' 格式=“yMd” textAlign =“对” />
              <列Directive 场=“运费” headerText =“运费” 宽度='120' 格式='C2' textAlign =“对” />
              <列Directive 场=“ShippedDate” headerText =“发货日期” 宽度='130' 格式=“yMd” textAlign =“对”>列Directive>
              <列Directive 场=“ShipCountry” headerText =“船国家” 宽度='150'>列Directive>
            列sDirective>
          GridComponent>
        div>
      div>
    )
  }
}



65+反应UI组件

Frequently Asked 问题

  • 负载 数百万条记录 等一下.
  • Mobile-first design that adapts to any resolution.
  • 灵活的 数据绑定 支持使用本地和远程数据源,如JSON, 基于rest的服务, OData服务, 和WCF服务.
  • 灵活的 Editing 和直观的记录 Selection 模式.
  • 开箱即用的 Excel-like过滤Grouping 选项.
  • 无数的 自定义列数据总结.
  • 无缝的 数据导出 选项 like PDF, CSV, Excel.
  • 市场上最好的反应 DataGrid之一,它提供了功能丰富的UI来与软件交互.
  • Simple configuration 和 API.
  • Supports all modern b行ers.
  • Expansive learning resources such as 演示, 文档视频 to learn quickly 和 get started with 反应 DataGrid.

We do not sell the 反应 DataGrid separately. 它只能作为Syncfusion反应套件的一部分购买, which contains over 70 反应 components, 包括数据表格. A single developer license for the Syncfusion Essential Studio for 反应 suite 成本 $995.00美元, including one year of support 和 updates. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请十博体育app 销售团队 today to see if you qualify for any additional discounts.

You can find our 反应 DataGrid demo 在这里.

不,十博体育app的70个反应组件,包括DataGrid,都不是单独出售的,而是作为一个包出售的. 然而, 十博体育app的产品定价具有竞争力,因此它的价格只比其他一些供应商的DataGrid单独收费略高一些. 十博体育app也发现, 在十博体育app的经验, 十博体育app的客户通常开始使用十博体育app的一种产品,然后迅速扩展到几种产品, 所以十博体育app觉得最好以固定的价格提供所有70个反应组件 995美元/开发人员. 除此之外,十博体育app还可以根据当前活跃的促销活动提供额外的折扣. 请十博体育app 销售团队 today to see if you qualify for any additional discounts.

不,这是一个商业产品,需要付费许可证. 然而,一个 免费的社区许可 也适用于年总收入少于100万美元的公司和个人以及5个或更少的开发者.

A good place to start would be our comprehensive getting started 文档.

独立阅读,
认证审核
在G2

立即下载 定价

What do our customers say about us?

双引号

十博体育app经常使用文件格式和Windows/JavaScript列表控件. 它们快速、易于使用,文档也很好,并且包含了示例. 有问题或建议的罚单会在一天内得到答复, so we're happy to use the Syncfusion libraries.
丹尼尔Persidok

丹尼尔Persidok

wpd在岸GmbH是一家 & Co. KG

双引号

使用Syncfusion、角和JavaScript控件让前端web开发变得轻而易举. 每个组件都有许多属性,可以根据您的需要进行配置, methods that can be used to interact with the element, a lot of events that trigger at different stages, 这使得根据应用程序的状态修改组件变得很容易. 也, their support is amazing! They always offer a sample working project, 这使得解决你的代码问题变得非常简单.
卡洛斯·加西亚

卡洛斯·加西亚

Vistatec

今天通过下载十博体育app的免费评估版本来改变您的应用程序 下载免费试用

伟大——说你拥有它是一回事,但当别人意识到它时,它意味着更多. synfusion很荣幸举办以下行业奖项.

向上箭头图标

警告图标 您使用的是过时版本的Internet Explorer,可能无法显示本网站和其他网站的所有功能. 升级到Internet Explorer 8或更新版本以获得更好的体验.关闭图标

即时聊天图标 For mobile
友情链接: 1 2 3 4 5 6 7 8 9 10