与ag-Grid一起使用的Vue组件

本文介绍了如何在Vue项目中使用ag-Grid组件,包括通过Bower和npm安装,支持的框架如Angular、React和VueJS,以及提供一系列示例,如动态组件、单元格编辑器和主细节视图等。
摘要由CSDN通过智能技术生成

ag-Grid Vue组件 (ag-Grid Vue Component)

现场演示 (Live Demo)

https://www.ag-grid.com/

https://www.ag-grid.com/

用Bower安装 (Install with Bower)
$ bower install ag-grid-vue
用npm安装 (Install with npm)
$ npm install ag-grid-vue

支持的框架 (Frameworks Supported)

Framework specific Getting Started guides: Angular 1 | Angular 2 | Aurelia Javascript | React | TypeScript VueJS | Web Components

特定于框架的入门指南: Angular 1 | 角度2 | Aurelia Javascript | React | TypeScript VueJS | Web组件

建造 (To Build)
  • npm install gulp -g

    npm install gulp -g

  • npm install npm-install-peers -g

    npm install npm-install-peers -g

  • npm install

    npm install

  • npm-install-peers

    npm-install-peers

  • gulp

    gulp

例子 (Examples)

See the https://github.com/ag-grid/ag-grid-vue-example for full working examples of what you can do with ag-Grid and VueJS Components.

请参阅https://github.com/ag-grid/ag-grid-vue-example,以获取有关可以使用ag-Grid和VueJS组件进行操作的完整示例。

Examples included are:

示例包括:

带有纯JavaScript的Rich Grid (Rich Grid with Pure JavaScript)

Rich Grid with Pure JavaScript

使用动态组件 (Using Dynamic Components)

Using Dynamic Components

使用动态组件-更丰富的示例 (Using Dynamic Components - Richer Example)

Using Dynamic Components - Richer Example

使用单元格编辑器组件 (Using Cell Editor Components)

Using Cell Editor Components

使用固定行渲染器 (Using Pinned Row Renderers)

Using Pinned Row Renderers

使用全角渲染器 (Using Full Width Renderers)

Using Full Width Renderers

使用组行渲染器 (Using Group Row Renderers)

Using Group Row Renderers

带过滤器组件 (With Filters Components)

With Filters Components

主细节示例 (Master Detail Example)

Master Detail Example

翻译自: https://vuejsexamples.com/a-vue-component-for-use-with-ag-grid/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值