vue-grid 开源项目推荐（14 个）

primefaces /primevue

下一代Vue UI组件库

jqwidgets /vue

Vue.js 演示。jQWidgets Vue.js 组件 - 网格、图表、日程安排、数据透视表

svar-widgets /vue-grid

功能丰富的 Vue 数据网格组件，支持排序、筛选、单元格内编辑和虚拟化

jqwidgets /vue-grid-source

Vue Data Grid

vue-multiple /grid

基于 Vue2.x 的栅格系统组件。

SyncfusionExamples /perform-server-side-crud-operations-in-vue-grid

A quick-start project that demonstrates how to create a simple ASP.NET Core application with Vue as a client app using a SPA template. This project contains code snippets to perform CRUD operations on the server side using the properties updateUrl, insertUrl, removeUrl, crudUrl, and batchUrl from the DataManager.

SyncfusionExamples /exporting-vue-data-grid-with-complete-customization

A quick-start project that helps you to enable PDF and Excel exporting in the DataGrid and export grid data to a PDF or Excel document. This project also contains a code snippet for the different customization options available for the PDF and Excel exportation.

SyncfusionExamples /binding-json-data-and-service-urls-to-the-vue-grid

A quick start project that helps you to learn about how to bind remote data to the Syncfusion Vue Grid and also to load data dynamically through the AJAX post.

DHTMLX /vue-spreadsheet-demo

Vue Spreadsheet demo by DHTMLX

SyncfusionExamples /how-to-work-with-filtering-options-in-vue-grid

A quick start project that helps you to enable a filter bar in the Vue Grid and filter grid records using the built-in operators. You can check to apply the different filter types in the Vue grid – Menu, CheckBox, Excel. Also, a DropDownList component is added to the filter bar to perform filtering in Vue Grid.

SyncfusionExamples /deep-dive-into-grouping-and-aggregates-in-the-vue-grid

A quick start project that helps you to enable grouping in the Vue Grid and apply grouping on initial loading. This project contains code snippet to work with built-in and custom aggregates in the Grid, along with group and caption aggregates.

SyncfusionExamples /cell-and-checkbox-selection-with-vue-grid-rows

A quick-start project that helps you to perform different types of selection in Vue Grid and know about different modes of selection – Row, Cell and Both. This project contains code snippet about cell, checkbox and toggle selection, and the way to get row index of selected cells using row selection events.

SyncfusionExamples /customize-edit-dialog-using-template-in-vue-grid

A quick start Vue project that helps you to learn how to customize the Grid edit dialog by adding a custom component like DropDownList, NumericTextBox and DatePicker to the grid fields using a template.

SyncfusionExamples /connecting-databases-to-vue-grid

A suite of projects that enable data binding and CRUD action handling in the Syncfusion Vue Grid from various databases using CustomAdaptor and UrlAdaptor.