Skip to content

SEO-136418 Blazor Tree Grid GitHub #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 45 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Create a Tree Grid in Blazor Server application in 10 Minutes

A quick-start project that helps you create the Blazor TreeGrid of Syncfusion in a Blazor server application. This sample explains how to add columns and show parent-child flat data using the expand and collapse options. You can also learn how to add useful features to the TreeGrid: paging, sorting, and filtering.
A quick-start project that helps you create the [Blazor TreeGrid](https://www.syncfusion.com/blazor-components/blazor-tree-grid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) of Syncfusion in a Blazor server application. This sample explains how to add columns and show parent-child flat data using the expand and collapse options. You can also learn how to add useful features to the TreeGrid: paging, sorting, and filtering.

Watch the video now: https://www.syncfusion.com/tutorial-videos/blazor/tree-grid?title=create-a-tree-grid-in-blazor-server-application-in-10

Expand All @@ -19,3 +19,47 @@ To run this application, you need to first clone or download this ‘Create a Tr
## Further help

To get more help, check out the [ASP.NET Core Blazor documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor).

## Features and Benefits

### Paging
Through paging, a segment of data can be viewed from the assigned data source. The Blazor Tree Grid offers built-in pager UI with options to customize its entire UI. It also has an on-demand paging mode for effective data retrieval from remote web services.

### Sorting
The Blazor Tree Grid allows users to sort a column by simply clicking on the header. A Ctrl + header click performs multi-sorting. Allows sorting data either in the ascending or descending order.

### Filtering
Filtering helps view specific or related records that meet a given filtering criteria. It supports various filter types that include powerful Excel-like filter. The Blazor Tree Grid filter allows users to choose appropriate filter types, define their own custom filtering logic, and customize the filtering UI based on their application needs. Filtering with related parent or child records can be defined.

### Selection
The Blazor TreeGrid allows selecting rows or cells. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.

### Editing
The Blazor Tree Grid provides full support to create, read, update, and delete (CRUD) operations. In addition to built-in editor components to edit a particular column value, using template support users can create custom editor components that suit their application needs. It performs editing operations with a list of business objects or remote data service with the help of the data manager.

## Not sure how to create your first Blazor TreeGrid? Our documentation can help.
* [Getting Started with Blazor Server-Side TreeGrid](https://blazor.syncfusion.com/documentation/treegrid/getting-started?utm_medium=listing&utm_source=github-examples&utm_campaign=blazor-tree-grid-github-examples)

## Related links
[Learn More about Blazor TreeGrid](https://www.syncfusion.com/blazor-components/blazor-tree-grid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) <br/><br/>
[Download Free Trial](https://www.syncfusion.com/downloads?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) <br/><br/>
[Pricing](https://www.syncfusion.com/sales/products/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) <br/><br/>
[Documentation](https://blazor.syncfusion.com/documentation/treegrid/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) <br/><br/>
[Online Examples](https://blazor.syncfusion.com/demos/tree-grid/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) <br/><br/>
[Community Forums](https://www.syncfusion.com/forums/blazor-components?control=treegrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) <br/><br/>
[Suggest a feature](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples)

## About Syncfusion Blazor Components
Syncfusion's [Blazor components](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to TreeGrid, we provide popular Blazor components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), and [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples).

## About Syncfusion
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1800+ controls and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples),[Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples)), and desktop development ([Windows Forms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples) and [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />

<p align="center">
<a href="mailto:sales@syncfusion.com?Subject=Syncfusion Blazor TreeGrid - Github" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-tree-grid-github-samples">www.syncfusion.com</a> | 1-888-9 DOTNET <br>
</p>