# Kendo UI for Vue Data Grid with ASP.NET Core Server

You can use [ASP.NET Core](https://docs.microsoft.com/en-us/aspnet/core/) to enable CRUD and server data operations in the Kendo UI for Vue Data Grid. In such scenarios, operations like data paging, sorting, filtering, or grouping are executed server-side.

## About the App

The sample application is built by using [the Kendo UI for Vue Data Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid), [the Kendo Data Query](https://www.telerik.com/kendo-vue-ui-develop/components/dataquery) packages, and [Telerik UI for ASP.NET Core](https://www.telerik.com/aspnet-core-ui). We are using Telerik UI for ASP.NET Core on the server to help with all operations like filtering, sorting, paging, and grouping. More details about the step-by-step integration of the current example, you can find in [this Integration with UI for ASP.NET Core](https://www.telerik.com/kendo-vue-ui/components/dataquery/mvc-integration/) article.

The sample application also shows how to use [the Kendo UI for Vue DropDownList](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/dropdownlist) component as an editor for complex fields in the Data Grid.

> The sample application demonstrates only one of the possible ways to integrate the Kendo UI for Vue `Grid` with `ASP.NET Core`. As the Grid provides its data operation parameters in JSON format that can be formatted and sent to any server API, you are free to use any other approach supported by your server setup.

## Prerequisites

1. [Vue.js](https://v3.vuejs.org/).
2. A commercial or trial license for [Telerik UI for ASP.NET Core](https://www.telerik.com/aspnet-core-ui). This license is needed because the application uses the Telerik UI for ASP.NET Core library for the server operations.
3. [.NET (LTS version)](https://dotnet.microsoft.com/en-us/download).
4. Node.js version 6.0 (or later)

## How to Run the Demo

To to see the demo implementation and how the different components are configured to interact with each other, you can run the `Dashboard application` locally, by following the below steps:

1. Clone or download the [kendo-vue GitHub repository](https://github.com/telerik/kendo-vue/).
2. In the folder that contains the `kendo-vue` repository, navigate to the `kendo-vue-demo-aspnetcore-data` folder.
3. Double click on the `VueJSCore.sln `file to open the project.
4. Start the project by clicking on "Debug -> Start Without Debugging" menu or pressing "Ctrl + F5". The first time you start the project all NPM dependencies will be installed automatically and this process may take time.

## Styling the Kendo UI for Vue components

The Kendo UI for Vue components come with customizable Kendo Themes that can style your application in different ways. The Kendo Themes are shipped as a part of the Kendo UI for Vue library. Details about the usage of the different themes, you can find in our [Styling](https://www.telerik.com/kendo-vue-ui-develop/components/styling) documentation article. 

## Suggested Links

* [Kendo UI for Vue Data Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid)
* [Kendo UI for Vue DropDownList](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/dropdownlist)
* [Kendo Data Query](https://www.telerik.com/kendo-vue-ui-develop/components/dataquery)