< div id="CookieNotification"> < div 类="container"> < div 类="row"> < div 类="col-lg-10 col-md-9 col-sm-10 col-xs-12 content-small vcenter"> 十博体育app使用饼干在十博体育app的网站上给你最好的体验. If you continue to b行e, then you agree to our 隐私政策饼干的政策. Image for the 饼干的政策 date < / div > < div 类="col-lg-1 col-md-2 col-sm-1 col-xs-12 vcenter agreebutton"> < / div > < / div > < / div > < / div > < div id="ie-notification" style="display:none"> < div 类="container"> < div 类="row"> < div 类="col-lg-11 col-md-11 col-sm-11 col-xs-9 error-message"> Microsoft has ended support for older versions of IE. 为了获得最好的体验,请升级到最新版本的IE,或在其他浏览器中查看本页面. < / div > < div 类="col-lg-1 col-md-1 col-sm-1 col-xs-3 close-button"> 关闭图标 < / div > < / div > < / div > < / div > < div 类="unconfirmed-error-notification hide"> < div 类="container"> < div 类="row"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-11 unconfirmed-error-message small"> 不幸的是,激活邮件不能发送到您的电子邮件. 请 再试一次. < / div > < / div > < / div > < div 类="user-not-activated-close activation-unconfirmed-error-notification-close" id="close-icon-not-activated"> < / div > < / div > < div id="menu-wrapper"> < div 类="bar bar-3 bar--sm bg--secondary" id="sub-menu-section"> < div 类="container"> < div 类="row"> < div 类="col-md-12 col-sm-12 col-xs-12 text-right text-left-xs text-left-sm"> < div 类="bar__module"> < div 类="marketing-banner col-md-9 col-sm-8 col-xs-12">

BoldSign : Now free for friends 和 family! Easily send documents for e-signature.

声称帐户 < / div > < / div > < / div > < / div > < / div > < / div > < div 类="container main-menu-section"> < div 类="row"> < div 类="col-xs-12 col-sm-12 col-md-12 col-lg-12"> < div 类="syncfusion-logo"> < / div > < div 类="menu-with-search"> < div 类="syncfusion-menu"> < / div > < / div > < / div > < div id="logout-section"> < div 类="container"> < div 类="column"> < div 类="Customerinformation"> < div 类="dashboard"> 我的仪表板 < / div > < div 类="signout-section"> 签署了 < / div > < / div > < / div > < / div > < / div > < div 类="row" id="search-container">
< div 类="col-lg-offset-3 col-lg-5 col-lg-col-md-offset-2 col-md-7 col-sm-offset-2 col-sm-6 col-xs-offset-0 col-xs-8 search"> < / div > < div 类="col-md-1 col-sm-4 col-xs-4"> < / div >
< div> < div 类="search-details"> Find anything about our product, 文档, more. < / div >
< div id="search-popular-results">< / div > < / div > < / div > < / div > < / div > < / div > < div 类="hide" id="feedbackButton"> Syncfusion反馈 < / div > < div 类="hide" id="feedbacks-dialogue">< / div > < div 类="modal fade" data-easein="slideLeftIn" id="feedbacks-dialogue_wrapper" role="dialog"> < div 类="modal-dialogs"> < div 类="modal-content"> < div 类="feedbackClose" data-dismiss="modal" data-easein="slideLeftIn" id="feedbackcloseicon">< / div > < div 类="modal-header"> < div id="feedback-title">反馈 & 问题< / div > < div 类="content-extra-smalls" id="feedbackDescription"> 请 share your comments 和 questions with us< / div > < div id="cookie-error"> < div 类="col-lg-10 col-md-10 col-sm-10 col-xs-9 errormessage"> 请使 饼干 在您的浏览器 < / div > < div 类="col-lg-2 col-md-2 col-sm-2 col-sm-3 close-icon-message"> 反馈形式密切 < / div > < / div > < / div >
< div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div 类="feedback-fields"> < div 类="content-extra-smalls"> < / div > < / div > < div id="notification">< / div > < div 类="feedback-fields"> 我想要一个帐户被创建,并被联系有关此消息. No further action will be taken. 隐私政策, 饼干的政策. < / div > < div 类="feedButton"> < / div >
< div 类="thankyou-message hide"> < div 类="feedback-confirmation">Thank you for your feedback 和 comments. 十博体育app将很快处理此请求,并在需要时回复您. < / div > < div> < / div > < / div > < / div > < / div > < / div > < div 类="popular-banner list-template video-banner bg-lazy" id="whitebackground" style="background-image: url(/products/angular-js2/control/images/grid/grid-banner.png); background-image: url(/products/angular-js2/control/images/grid/grid-banner.png)"> < div 类="container"> < div 类="row"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12">

角 Grid - A rich UI DataGrid/DataTable

免费试用 视图演示 < div data-target="#video-modal" data-toggle="modal" id="overviewVideo"> < div id="playImage">< / div > 快速浏览视频 < / div > < div id="single-fold-platform-banner"> < div 类="angular-js2" id="strip-segment"> < div 类="strip-opacity"> < div id="framework-strip"> < div 类="content" id="framework-content"> 支持框架 < / div > < div 类="framework" id="framework-platforms"> < div 类="framework-hover"> JavaScript图标
JavaScript
< / div >
< div 类="framework-hover"> 反应图标
反应
< / div >
< div 类="framework-hover"> Vue图标
Vue
< / div >
< div 类="framework-hover"> Blazor图标
Blazor
< / div >
< / div > < / div > < / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12"> < div id="ripple">< / div > < div id="lottie"> < div data-target="#video-modal" data-toggle="modal" id="hoverElement">< / div > < / div > 数据网格预览横幅 < div 类="modal fade" id="video-modal"> < div 类="vertical-alignment-helper"> < div 类="modal-dialog vertical-align-center"> < div 类="modal-content"> < div 类="modal-body"> < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="container"> < div 类="row"> < div 类="col-sm-12 col-xs-12 text-center">

Trusted by the world’s leading companies

syncfusion trusted companies < / div > < / div > < / div >
< div id="control-static-menu"> < div 类="container"> < div 类="row"> < div 类="col-lg-4 col-md-6 col-sm-6 col-xs-8 control-heading-section">

角网格

< / div > < div 类="col-lg-4 hidden-md hidden-sm hidden-xs" id="navigation-link"> < div 类="hide all-control-content"> 探索其他控件 < / div > < / div > < div 类="right-panel col-lg-4 col-md-6 col-sm-6 col-xs-4"> < / div > < div 类="hidden-lg col-md-12 col-sm-12 col-xs-12" id="mobile-navigation-link"> < div 类="hide all-control-content"> 探索其他控件 < / div > < / div > < / div > < / div > < / div > < div 类="featuretour-markdown" id="featuretour-markdown"> < div 类="container"> < div 类="col-sm-12 col-xs-12 other-controls" id="control-content"> < div 类="row ft-one-column segment"> < div 类="ft-column-header text-left">

概述

角数据网格组件是一个功能丰富的控件,可以用表格格式显示数据. Its wide range of functionalities includes 数据绑定, Editing, Excel-like过滤, 自定义排序, Grouping, 行重新排序, 冻结行和列, 聚合的行, 并导出到Excel, CSV, 和PDF格式.

< / div > < / div >
< div 类="row ft-one-column segment"> < div 类="ft-column-header text-left"> < div 类="row ft-one-column segment">

高性能

角数据网格针对高性能进行了优化设计. 加载大量数据, 近100万张以上的唱片, 在行和列虚拟化的帮助下,在一秒钟内不降低任何性能.

< / div > < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small">

数据绑定

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

< / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

数据绑定 in 角 Grid/数据网格.

< / div > < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

Mobile optimized 和 touch friendly

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

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

触摸支持 in 角 Grid/数据网格.

触摸支持

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

Responsive in 角 Grid/数据网格.

自适应用户界面

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

响应寻呼机 UI in 角 Grid/数据网格.

响应寻呼机

数据网格寻呼机智能地操作,并根据维度响应地更改其完整的UI. 它的优化设计提供了不同设备的最佳UI交互.

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

角 version compatibility

With continuous improvement in 角 versions, 角数据网格一直保持更新,以便与从4到最新版本的所有版本兼容.

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角11插图

角11

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角9插图

角9

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角8插图

角8

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角7插图

7角

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角6插图

角6

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角5说明

角5

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

角4插图

角4

< / div > < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

角数据网格Editing.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

Editing

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

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

聚合

使用摘要选项可以轻松地显示数据网格列值的聚合. 可以自定义聚合,以在单个汇总行中显示它们的值, individual group summary 行, 或在组标题行中.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

角 Grid/数据网格 聚合.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

角 Grid/数据网格 过滤.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

过滤

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

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small">

Built-in 和 customizable themes

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

< / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

角 Grid/数据网格 Themes.

< / div > < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

出口

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

在角网格/数据网格中导出PDF、CSV和Excel格式.

Excel, PDF, CSV导出

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

打印 角 Grid/数据网格 content.

打印

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

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

可访问性

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

键盘导航 in 角 Grid/数据网格.

键盘导航

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content">

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

屏幕阅读器

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

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

全球化 和 localization

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

Format dates 和 numbers in 角 数据网格.

全球化

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

Show right-to-left language in 角 Grid/数据网格.

从右到左(RTL)

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

Localize 角 Grid/数据网格 UI strings.

本地化

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

< / div > < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="ft-column-header text-left">

附加功能

< / div > < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

角 Grid/数据网格 with row height

行高

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

Copy to clipboard 从 Grid/数据网格

复制到剪贴板

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

角 Grid/数据网格 with context menu

上下文菜单

使用单元格时出现的弹出菜单在数据网格中执行各种操作, header, 或者直接点击寻呼机. 除了内置的默认菜单项外,还可以添加自定义上下文菜单项.

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

宽度和高度 in 角 Grid/数据网格.

宽度和高度

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

角 Grid/数据网格 with template column

模板

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

< / div > < div 类="col-lg-4 col-md-6 col-sm-12 col-xs-12 three-col-content">

角 Grid/数据网格 with 堆叠头

堆叠头

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

< / div > < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

Selection

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

角 Grid/数据网格 Selection.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

角 Grid/数据网格 列.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

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

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

Grouping

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

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row multi-column-conent-container"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 multi-col-contents"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 two-col-content"> < div 类="ft-column-header text-left">

排序

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

< / div > < / div > < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

数据网格表分页

分页用于查看来自指定数据源的数据段. 角数据网格提供了内置的页导航UI,并提供了自定义整个UI的选项. 它还具有按需分页模式,用于从远程web服务有效地检索数据.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

角 Grid/数据网格 Paging.

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small"> < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-content-small">

角 Grid/数据网格 无限滚动

< / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-img-small">

无限滚动

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

< / div > < / div >
< div 类="row ft-one-column segment"> < div 类="ft-column-header text-left">

其他支持框架

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

< / div > < / div >
< div 类="row ft-two-column"> < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small">

支持的浏览器

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

< / div > < div 类="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-content-small">

Supported web b行ers for 角 Grid.

< / div > < div 类="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-img-small"> < / div > < / div >
< div 类="row ft-one-column segment">

角 DataGrid Code Example

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

< div 类="code-snippet-tabs" id="code-snippet-1"> < div 类="tab-content"> < div 类="tab-pane" data-original-lang="html" id="wl6bjbytzp5784go1dcpo7ougp268hfs-html" role="tabpanel"> < div 类="highlight">
 类=“控制部分”>
     (数据源)=“数据” 身高='350'>
        
             场=“OrderID” headerText =“订单ID” 宽度='120' textAlign =“对”/>
             场=“CustomerName” headerText =“客户名称” 宽度='150'/>
             场=“向” headerText =“订单日期” 宽度='130' 格式=“yMd” textAlign =“对”/>
             场=“运费” headerText =“运费” 宽度='120' 格式='C2' textAlign =“对”/>
             场=“ShippedDate” headerText =“发货日期” 宽度='130' 格式=“yMd” textAlign =“对”/>
             场=“ShipCountry” headerText =“船国家” 宽度='150'/>
        
    
< / div > < / div > < div 类="tab-pane" data-original-lang="ts" id="wg1d42y8omxog8puw29k9vb0asnk290h-ts" role="tabpanel"> < div 类="highlight">
进口 { 组件, OnInit }  '@angular /核心';
进口 { orderDetails }  './数据';

@组件({
    选择器: 'ej2-grid-container',
    templateUrl: '默认的.html'
})
出口 class Default组件 实现了 OnInit {
    公共 data: Object[] = [];

    ngOnInit(): 无效 {
        .data = orderDetails;
    }
}
< / div > < / div > < / div > < / div > < / div >


< / div > < / div > < / div > < div id="single-column-link-segment"> < div 类="container"> < div 类="col-sm-12 col-xs-12 text-center control-content">

Not sure how to create your first 角 Grid? Our tutorial 视频 和 文档 can help.

我现在就想看 我想现在就看 < / div > < / div > < / div > < div id="static-footer"> < div 类="container"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="previous-link"> < div 类="title-element">以前的< / div > < div 类="arrow-element"> < / div > < div 类="content"> < div id="prev-element">< / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="next-link"> < div 类="title-element">下一个< / div > < div 类="content"> < div id="next-element">< / div > < / div > < div 类="arrow-element"> < / div > < / div > < / div > < / div > < div id="control-heading-section">

65+ angular UI组件

< div id="loader">< / div > < div 类="control-section angular-js2" id="ft-controllist"> < div 类="container"> < div 类="row" id="control-items"> < div id="ft-control-platform"> < div 类="sub-heading text-center">所有组件< / div > < div 类="control-list-items col-xs-6"> < div 类="section-list"> < div 类="content-heading controldiv"> 网格 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 数据可视化 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 输入 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> Editing器 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 下拉 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 日历 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 按钮 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 布局 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 导航 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 查看器 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 通知 < / div > < / div > < div 类="section-list"> < div 类="content-heading controldiv"> 形式 < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < div 类="segment" id="faq"> < div 类="container">

常见问题

< div 类="row" id="question-answers" itemscope="" itemtype="http://schema.org/FAQPage"> < div 类="col-lg-6 col-md-6 col-xs-12 col-sm-12"> < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

Why should you choose Syncfusion角 DataGrid?

< div 类="collapse" id="collapse-1" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text"> < / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

What is the price for Syncfusion角 DataGrid?

< div 类="collapse" id="collapse-3" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

We do not sell the 角 DataGrid separately. 它只能作为Syncfusion角套件的一部分购买, which contains over 65 角 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.

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

W在这里 can I find the Syncfusion角 DataGrid demo?

< div 类="collapse" id="collapse-5" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

You can find our 角 DataGrid demo 在这里.

< / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-xs-12 col-sm-12"> < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

我可以单独购买Syncfusion角 DataGrid组件吗?

< div 类="collapse" id="collapse-2" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

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

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

我可以免费下载并使用Syncfusion角 DataGrid吗?

< div 类="collapse" id="collapse-4" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

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

< / div > < / div > < / div > < div 类="faq-list" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">

How do I get started with Syncfusion角 DataGrid?

< div 类="collapse" id="collapse-6" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"> < div 类="answer-content" itemprop="text">

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

< / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="container"> < div 类="row"> < div 类="col-lg-4 col-md-4 col-sm-5 col-xs-8 review-section g2-review"> Syncfusi在G2审查 < / div > < div 类="col-lg-8 col-md-8 col-sm-7 col-xs-12 download-section g2-review">

独立阅读,
认证审核
在G2

立即下载 定价 < / div > < / div > < / div >
< div 类="container">

What do our customers say about us?

< div 类="row"> < div 类="testimonial-section"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 testimonial-content match-height"> < div 类="testimonial-block"> < div 类="testimonial-message first-section">

双引号

使用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, 这使得解决你的代码问题变得非常简单. < / div > < / div > < div 类="row customer-information"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div 类="profile-image"> 卡洛斯·加西亚 < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div 类="testimonial-author">

卡洛斯·加西亚

Vistatec

< / div > < / div > < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12 testimonial-content match-height"> < div 类="testimonial-block"> < div 类="testimonial-message second-section">

双引号

十博体育app开始使用Syncfusion角的调度器控件来为十博体育app的提供商提供一种方式来安排它们的可用性,并自动化十博体育app的管理过程,以显示可用性和进度的差距. 这帮助十博体育app提供了最佳的用户体验,并及时为患者提供护理. < / div > < / div > < div 类="row customer-information"> < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12"> < div 类="profile-image"> 蒂姆Rankel < / div > < / div > < div 类="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details"> < div 类="testimonial-author">

蒂姆Rankel

MeMD的高级开发人员

< / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="content-center bg-lazy" id="download-free-trial"> < div 类="container"> < div 类="row"> < div 类="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-content">

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

< / div > < / div > < / div > < / div > < div 类="text-center segment xamarin-new-ft technical-support-v1 technical-support-controls" id="technical-support"> < div 类="container"> < div 类="row"> < div 类="platform-heading-text">Syncfusion角 用药情况< / div > < div 类="col-sm-12 col-md-12 col-xs-12 category-container heading-3"> < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> 学习 < div 类="support-link-section"> 文档 文档 < / div > < / div > < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> 技术支持 < div 类="support-link-section"> 联络支持 联络支持 < / div > < div 类="support-link-section"> 论坛 社区论坛 < / div > < div 类="support-link-section"> 特性 & 错误 特性 & 错误 < / div > < / div > < div 类="col-lg-2 col-sm-4 col-md-4 col-xs-12 category-columns"> UI工具包 < div 类="support-link-section"> 素描下载 素描下载 < / div > < div 类="support-link-section"> Adobe XD下载 Adobe XD下载 < / div > < div 类="support-link-section"> Figma下载 Figma下载 < / div > < / div > < / div > < / div > < / div > < / div > < div 类="segment" id="awards"> < div 类="container segment"> < div 类="row">

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

< div 类="all-awards text-center hidden-xs"> Syncfusion奖 < / div > < div 类="all-awards text-center hidden-lg hidden-md hidden-sm"> Syncfusion奖 < / div > < / div > < / div > < / div > 向上箭头图标 < div 类="segment" id="footer-warpper"> < div 类="container"> < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">产品< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">探索十博体育app的产品< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">资源< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">学习 & 支持< / div > < / div > < div 类="col-lg-offset-1 col-lg-2 col-md-3 col-sm-8 col-xs-12 hidden-xs content-list"> < div 类="top-content content-medium">公司< / div > < / div > < / div > < / div > < div id="footer-bottom"> < div 类="container"> < div 类="row"> < div 类="col-sm-8 hidden-xs content-small"> < div 类="footer-syncfusion-logo"> < / div > < div 类="link"> 隐私政策 | 饼干的政策 | 使用条款 < / div > < div id="copyright-desktop"> Copyright © 2001 - 2022 十博体育APP下载. 保留所有权利 < / div > < / div > < div 类="col-sm-4 hidden-xs footer-contact-section"> < div 类="footer-contact-fax"> < / div > < div 类="footer-contact-mail"> < / div > < div 类="col-sm-12 footer-icons-section"> < / div > < / div > < div 类="visible-xs mobile-footer text-center">

十博体育app

< div 类="copyright"> < div 类="link"> 隐私政策 | 饼干的政策 | 使用条款 < / div > < div id="copyright"> Copyright © 2001 - 2022 十博体育APP下载. 保留所有权利 < / div > < / div > < / div > < / div > < / div > < / div > < div 类="IE-notifiyPopup" id="upgradeIE"> < div 类="container popuptext"> < div>

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

< / div > < / div > < / div > < div hidden="" id="getservertime">2/28/2022 09:49:51 PM< / div > < div hidden="" id="WebinarForFTExpiration">Tue, 18 February 2020 15:00:00 UTC< / div > < div hidden="" id="烤面包erExpirationDate">Wed, 16 Feb 2022 04:59:00 UTC< / div > < div id="chat-icon-mobile"> 移动实时聊天图标 < / div > 即时聊天图标
友情链接: 1 2 3 4 5 6 7 8 9 10