< 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的网站上获得最佳体验. 如果您继续浏览，即表示您同意十博体育app的 隐私政策 和 饼干的政策. cookie策略日期的图像 < / 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"> 微软已经停止对旧版本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 类="使用r-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轻松嵌入签名在您的 .网络应用. 免费的沙箱 有本地SDK可用.

< / 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"> 找到任何关于十博体育app的产品，文档，和更多. < / 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"> 请与十博体育app分享您的意见和问题< / 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"> 我想要创建一个帐户，并就此消息进行联系. 不会采取进一步行动. 隐私政策, 饼干的政策. < / div > < div 类="feedButton"> < / div >
< div 类="thankyou-message hide"> < div 类="feedback-confirmation">感谢您的反馈和意见. 十博体育app将很快处理此请求，并在需要时回复您. < / div > < div > < / div > < / div > < / div > < / div > < / div > < div 类="popular-banner list-template video-banner bg-lazy" id="whitebackground" style="background-image: url(/products/vue/control/images/grid/grid-banner.png); background-image: url(/products/vue/control/images/grid/grid-banner.png)"> < div 类="container"> < div 类="row"> < div 类="col-lg-6 col-md-6 col-sm-12 col-xs-12">

Vue Grid -速度快，功能丰富的组件

视图演示 免费试用 < div data-target="#video-modal" data-toggle="modal" id="overviewVideo"> < div id="playImage">< / div > 快速概述 < / div > < div id="single-fold-platform-banner"> < div 类="vue" 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"> 反应图标
反应
< / 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" style="background-image: url(http://cdn.clrmind.com/content/images/FT/blue-hover-button.svg);"> < 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" id="banner-video-iframe-section"> < div allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" id="videoFrame">< / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div >
< div 类="container"> < div 类="row"> < div 类="col-sm-12 col-xs-12 text-center">

深受世界领先企业的信赖

值得信赖的公司 < / 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">

Vue vue网格

< / 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">

概述

Vue Grid是一个功能丰富的控件，用于以表格格式显示数据. 其广泛的功能包括数据绑定, Editing, Excel-likeFiltering, 自定义Sorting, Grouping, 行重新Sorting, 冻结行和列, 导出到Excel, CSV和PDF格式, 聚合行等.

< / div >
< div 类="row multi-column-conent-container">

为什么SelectionSyncfusion Vue Grid?

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

Vue网格高性能.

高性能

深思熟虑后的努力，主要集中在快节奏的表现上 在一秒钟内加载数百万条记录.

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

实现网格无缝数据绑定.

无缝数据绑定

绑定数据无缝地与各种 本地和远程数据源 如JSON、OData、WCF和RESTful web服务，在数据管理器的帮助下.

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

Vue网格适应任何分辨率.

适应任何分辨率

DataGrid有一个 高度响应的布局 以及针对台式机、触摸屏和智能手机的优化设计. 它在所有使用iOS、安卓或Windows操作系统的手机上运行良好.

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

Vue网格灵活Editing.

灵活的Editing

Vue Grid执行 创建、读取、更新和删除操作 在数据管理器的帮助下，使用业务对象列表或远程数据服务更容易实现(CRUD).

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

Vue网格创建自己的模板设计.

创建自己的模板设计

允许用户在Vue网格中根据他们的应用程序需求创建自定义用户体验 广泛的模板选项.

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

Vue网格自定义主题.

诱人的可定制主题

尖端的设计与5+内置的主题，如流畅, 顺风CSS, 引导, 材料, 织物, 和更多的. 利用 在线主题工作室工具 更容易自定义主题.

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

Vue网格导出和打印.

易于导出和打印

导出数据网格 各种文件格式，包括Excel， PDF，以及CSV. 打印 所有行，无论页面数，以及当前查看的页面.

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

Vue网格全球化和本地化.

全球化和本地化

支持来自不同地区的用户 通过格式化日期、货币和编号以适应首选项来使用它们.

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

Vue数据网格代码示例

使用下面演示的几行简单的Vue代码轻松地开始使用Vue DataGrid. 也可以浏览十博体育app的 Vue数据网格示例 它向您展示了如何在Vue中呈现和配置DataGrid.

< div 类="code-snippet-tabs shadow-effect code-padding" id="code-snippet-1"> < div 类="tab-content"> < div 类="tab-pane" data-original-lang ="vue" id="rias5om2q3vetfsjn4x6sqr0cuumadzo-vue" role="tabpanel"> < div 类="highlight">
<template>
 类=“col-lg-12控制部分”>
    

         :数据源=“数据” >
            
                 场=“OrderID” headerText =“订单ID” 宽度='120' textAlign =“对”>
                 场=“CustomerName” headerText =“客户名称” 宽度='150'>
                 场=“向” headerText =“订单日期” 宽度='130' 格式=“yMd” textAlign =“对”>
                 场=“运费” headerText =“运费” 宽度='120' 格式='C2' textAlign =“对”>
                 场=“ShippedDate” headerText =“发货日期” 宽度='130' 格式=“yMd” textAlign =“对”>
                 场=“ShipCountry” headerText =“船国家” 宽度='150'>
            
        
    


template>

<script lang ="ts">
进口 Vue 从 "vue";
进口 { GridPlugin } 从 "@syncfusion / ej2-vue-grids";
进口 { orderDetails } 从 "./数据源";

Vue.使用(GridPlugin);

出口 默认的 Vue.扩展({
  data: () => {
    返回 {
      data: orderDetails.片(0, 12)
    };
  }
});
script>
< / div > < / 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"> < / 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">

骨架加载指示器

在获取数据并在初始渲染期间将其绑定到网格时，数据网格将闪烁效果显示为加载指示器, 让人耳目一新, 或者在执行Sorting等网格操作之后, Filtering, Grouping, 和更多的. 数据网格提供了两种类型的加载指示效果，旋转和闪烁.

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

自适应UI布局

数据网格用户界面经过定制和重新设计，可以在小屏幕上获得出色的视图和可用性. Filtering器, Sorting, Search, Editing对话框以适应屏幕大小，并在垂直方向上呈现行元素.

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

Vue数据网格自适应UI布局

< / 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">

Vue数据网格/数据表列.

< / 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">

分页

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

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

Vue数据网格/数据表分页.

< / 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">

数值网格Sorting.

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

Sorting

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

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

Filtering

Filtering有助于查看数据网格中满足给定条件的特定或相关记录. 数据网格支持各种Filtering器类型，包括功能强大的类似excel的Filtering器. Selection合适的Filtering器类型, 定义您自己的自定义Filtering逻辑, 并根据应用需求定制FilteringUI. 变音符字符也可以被Filtering.

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

数据网格/数据表Filtering.

< / 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">

Vue数据网格/数据表Selection.

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

Selection

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

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

Editing

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

< / 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"> < / 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">

Vue网格Grouping.

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

Grouping

对行进行Grouping，以升序或降序在有组织的层次结构中显示数据，以便更容易地扩展和折叠记录. 有一个选项可以通过在交互式拖放区域中简单地拖放所需列来对该列的记录进行Grouping.

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

聚合

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

< / 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 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">

Vue数据网格冻结行和列

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

冻结行和列

冻结的行和列在网格的顶部、左侧或右侧或两侧可见，并使剩余的网格内容可滚动. 它主要用于比较Vue DataGrid组件中的单元格值.

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

当垂直滚动文档以将数据网格内容与列标题一起可视化时，Vue 数据网格标题必须位于固定位置.

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

Vue数据网格粘头.

< / 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">

Vue网格行拖放

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

Vue网格行拖放

Vue Grid允许您将行拖放到另一个数据网格或自定义组件中. 可以使用拖动图标在同一个数据网格中拖放行.

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

转换为主-细节网格

Vue Master Detail Grid是一个用例场景, 其中，通过单击特定行，可以在单独的数据网格中查看记录的详细信息.

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

十博体育app的主细节网格.

< / 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">

带行高的数据网格/数据表

行高

在视图端口中显示记录数量时，行高是一个主要因素, 并且很容易根据应用程序的UI需求进行定制. 也可以有条件地设置行高.

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

从Vue数据网格/数据表复制到剪贴板

复制到剪贴板

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

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

Vue数据网格/数据表与上下文菜单

上下文菜单

使用在单元格中显示的弹出式菜单在数据网格中执行各种操作, header, 或者右键点击传呼机. 除了内置的默认菜单项之外，还可以添加自定义上下文菜单项.

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

Vue数据网格/数据表中的宽度和高度.

宽度和高度

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

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

Vue数据网格/数据表与堆叠头

堆叠头

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

< / 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">

Vue DataGrid/Datatable中的键盘导航.

键盘导航

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

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

Vue DataGrid/Datatable中的可访问性和屏幕阅读器支持.

屏幕阅读器

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

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

在Vue DataGrid/Datatable中显示从右向左的语言.

从右向左(RTL)

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

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

移动优化和触摸友好

数据网格组件提高了可用性，并为桌面提供了优化的响应性设计, 触摸屏, 以及所有操作系统的手机, 包括iOS, 安卓, 和窗户.

< / 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">

Vue DataGrid/Datatable中的Touch支持.

触摸支持

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

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

响应式分页UI在Vue DataGrid/Datatable.

响应寻呼机

数据网格分页器可以智能地操作，并根据维度响应地更改其完整的UI. 它的优化设计提供了最佳的UI交互在不同的设备.

< / div > < / 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 > < / div > < / div > < div 类="featuretour-markdown supporting-frameworks-和-browsers" id="featuretour-markdown"> < div id="control-content"> < div 类="row multi-column-conent-container supporting-frameworks-browsers"> < 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">

其他支持的框架

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

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

支持的浏览器

Vue数据网格可以很好地与所有现代web浏览器(如Chrome)配合使用, 火狐, 微软的优势, Safari, 和歌剧.

支持的浏览器

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

不确定如何创建您的第一个Vue网格? 十博体育app的教程视频和文档可以提供帮助.

我想现在就看 我很想现在就读 < / 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">

80+值UI组件

< div id="loader">< / div > < div 类="control-section vue" 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"> 下拉 < / 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 > < / 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">

✅ 为什么要SelectionSyncfusion Vue 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">

✅ 我在哪里可以找到Syncfusion Vue Grid演示?

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

你可以找到十博体育app的 Vue网格演示，演示如何呈现和配置网格.

< / 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 Vue数据网格吗?

< div 类="collapse" id="collapse-2" 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">

✅ 我如何开始使用Syncfusion Vue数据网格?

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

一个好的起点是十博体育app的综合 入门文档.

< / div > < / div > < / div > < / div > < / div > < / div > < / div > < div 类="" id="g2-widget"> < div 类="container"> < div 类="row">

十博体育app的客户爱十博体育app

< div 类="g2-subheading"> 拥有一套优秀的工具和一个伟大的支持团队, Syncfusion减少了客户的开发时间.
以下是他们的一些经历. < / div > < / div > < div 类="caro使用l" data-flickity='{ "prev下一个Buttons": false, "pageDots": false, "wrapAround": false, "adaptiveHeight": false, "pa使用AutoPlayOnHover": false, "setGallerySize": true, "cellAlign": "left" ,"draggable": false,"groupCells": "80%","autoPlay":false }'> < div 类="caro使用l-cell"> < div 类="cards caro使用l-section g2-reviews-height"> < div 类="doubleqoutes"> double-quotes-image < / div > < div 类="heading"> 这是处理网格数据的最佳工具< / div > < div 类="description"> 好的文档可以帮助您了解所需的一切. 我最喜欢的是它带您从配置到使用. 我主要使用网格和工具栏选项以及仪表板. < / div > < div 类="g2-author-section"> < div 类="g2-profile-image"> customer-image < / div > < div 类="customer-profile name"> 伊凡G, < div 类="designation">业务应用程序开发人员< / div > < div 类="img-center g2-rating-img"> rating-image < / div > < / div > < / div > < / div > < / div > < div 类="caro使用l-cell"> < div 类="cards caro使用l-section g2-reviews-height"> < div 类="doubleqoutes"> double-quotes-image < / div > < div 类="heading"> 多划算啊…….Syncfusion Essential Studio< / div > < div 类="description"> 我现在正在使用MVC 5控件集. 尤其是网格. 这个网格是滴水的选项，真正使项目快速和强大. 只需几行代码，我就可以生成Excel、词或pdf文件. 我可以轻松地定制CRUD表示的外观. 我也用过其他套件，但我发现Syncfusion功能更强大，至少在ASP中是这样.净MVC5面积. 我期待着尝试Syncfusion提供的其他控制套件. < / div > < div 类="g2-author-section"> < div 类="g2-profile-image"> customer-image < / div > < div 类="customer-profile name"> 易卜拉欣M, < div 类="designation">Malluf咨询服务< / div > < div 类="img-center g2-rating-img"> rating-image < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < div 类="g2-widget-review"> < div 类="container"> < div 类="review-section">

由全球用户评分

< div 类="row"> < div 类="sign-up-sections col-sm-4 col-xs-12"> < div 类="app-logos-section"> Capterra-logo < div 类="row"> < div 类="Capterra-logo col-xs-8 star-rating"> < / div > < div 类="app-ratings col-xs-4">4.4/5< / div > < / div > < div 类="reviews-count">(350 +评论)< / div > 阅读更多关于Capterra的内容 < / div > < / div > < div 类="sign-up-sections col-sm-4 col-xs-12"> < div 类="app-logos-section"> G2-logo < div 类="row"> < div 类="G2-logo col-xs-8 star-rating"> < / div > < div 类="app-ratings col-xs-4">4.6/5< / div > < / div > < div 类="reviews-count">(390 +评论)< / div > 阅读更多关于G2的信息 < / div > < / div > < div 类="sign-up-sections col-sm-4 col-xs-12"> < div 类="app-logos-section"> GetApp-logo < div 类="row"> < div 类="GetApp-logo col-xs-8 star-rating"> < / div > < div 类="app-ratings col-xs-4">4.4/5< / div > < / div > < div 类="reviews-count">(350 +评论)< / div > 阅读更多关于GetApp的信息 < / 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 Vue 资源< / 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">

奖

伟大——说你拥有它是一回事，但当别人认可它时，它的意义更大. Syncfusion很荣幸地荣获以下行业奖项.

< 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 alternatives"> < 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 company"> < 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 policystyle"> 隐私政策 | 饼干的政策 | 使用条款 | 安全策略 | 负责信息披露 | 道德政策 < / div > < div id="copyright-desktop copyright-link"> 版权所有©Syncfusion, Inc .. 版权所有 < / 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 policystyle"> 隐私政策 | 饼干的政策 | 使用条款 | 安全策略 | 负责信息披露 | 道德政策 < / div > < div id="copyright copyright-link"> 版权所有©Syncfusion, Inc .. 版权所有 < / 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">5/24/2023 05:47:49 PM< / div > < div hidden="" id="WebinarForFTExpiration">2020年2月18日星期二15:00:00 UTC< / div > < div hidden="" id="烤面包机ExpirationDate">2022年2月16日星期三04:59:00 UTC< / div > < div id="chat-icon-mobile"> 移动端实时聊天图标 < / div > 实时聊天图标
友情链接： 1 2 3 4 5 6 7 8 9 10