Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
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
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/columns/column-chooser.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Column Chooser in Blazor Tree Grid Component | Syncfusion®
description: Checkout and learn here all about column chooser in Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Column Chooser | Syncfusion
description: Learn how to use the column chooser in Blazor TreeGrid to show, hide, and manage columns for a personalized data viewing experience.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Column Chooser in Blazor Tree Grid Component
# Column Chooser in Blazor TreeGrid

The column chooser has options to show or hide columns dynamically. It can be enabled by defining the [ShowColumnChooser](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ShowColumnChooser) as true.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/columns/column-menu.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Column Menu in Blazor Tree Grid Component | Syncfusion®
description: Checkout here and learn more details about the column menu in the Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Column Menu | Syncfusion
description: Learn how to use the column menu in Blazor TreeGrid to sort, filter, show or hide columns, and customize data operations.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Column menu in Blazor Tree Grid Component
# Column Menu in Blazor TreeGrid

The column menu has options to integrate features like sorting, filtering, and autofit. It shows a menu with the integrated feature when users click on an icon in the column header. To enable column menu, define the [ShowColumnMenu](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~ShowColumnMenu.html) property as true.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/columns/column-reorder.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Column Reorder in Blazor Tree Grid Component | Syncfusion®
description: Checkout here and learn more details about the column reorder in the Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Column Reordering | Syncfusion
description: Learn how to reorder columns in Blazor TreeGrid, customize column positions, and improve data organization for users.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Column Reorder in Blazor Tree Grid Component
# Column Reordering in Blazor TreeGrid

Reordering can be done by drag and drop of a particular column header from one index to another index within the tree grid. To enable reordering, set the [AllowReordering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_AllowReordering) property to true.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/columns/column-resizing.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Column Resizing in Blazor Tree Grid Component | Syncfusion®
description: Checkout and learn here all about column resizing in the Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Column Resizing | Syncfusion
description: Learn how to resize columns in Blazor TreeGrid, set minimum and maximum widths, and improve data presentation and usability.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Column Resizing in Blazor Tree Grid
# Column Resizing in Blazor TreeGrid

Column width can be resized by clicking and dragging the right edge of the column header. While dragging, the width of the respective column will be resized immediately. Each column can be auto resized by double-clicking the right edge of the column header to fit the width of that column based on the widest cell content. To enable column resize, set the [AllowResizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_AllowResizing) property to true.

Expand Down
4 changes: 2 additions & 2 deletions grid-sdk/blazor/tree-grid/columns/column-spanning.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Column Spanning in Blazor Tree Grid Component | Syncfusion®
description: Check out here and learn more details about the column spanning in the Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Column Spanning | Syncfusion
description: Learn how to use column spanning in Blazor TreeGrid to merge adjacent cells, improve data presentation, and enhance grid readability.
platform: grid-sdk
control: Tree Grid
documentation: ug
Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/columns/column-template.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Column Template in Blazor Tree Grid Component | Syncfusion®
description: Checkout and learn here all about column template in the Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Column Template | Syncfusion
description: Learn how to use column templates in Blazor TreeGrid to display custom content, apply conditional rendering, and enhance data presentation.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Column Template in Blazor Tree Grid
# Column Template in Blazor TreeGrid

N> Before adding column template to the tree grid, it is recommended to go through the [template](../templates) section topic to configure the template.

Expand Down
105 changes: 0 additions & 105 deletions grid-sdk/blazor/tree-grid/editing/auto-fill-like-excel.md

This file was deleted.

6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/editing/batch-editing.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Batch Editing in Blazor TreeGrid Component | Syncfusion®
description: Checkout and learn here all about Batch Editing in Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Batch Editing | Syncfusion
description: Learn how to perform batch editing in Blazor TreeGrid, update multiple records at once, validate changes, and improve editing efficiency.
platform: grid-sdk
control: TreeGrid
documentation: ug
---

# Batch Editing in Blazor TreeGrid Component
# Batch Editing in Blazor TreeGrid

Batch editing allows making multiple edits across cells and rows before committing changes to the data source. Double-click a cell to enter edit mode; edits are staged on the client and can be saved together or discarded. Save changes by clicking the toolbar **Update** button or by calling [EndEditAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EndEditAsync). To enable Batch editing, set the [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridEditSettings_Mode) property of TreeGridEditSettings to **Batch**.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/editing/cell-edit-types.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Cell Edit Types in Blazor Tree Grid Component | Syncfusion®
description: Checkout and learn here all about Cell Edit Types in Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Cell Edit Types | Syncfusion
description: Learn how to use different cell edit types in Blazor TreeGrid, configure editor parameters, and customize editing experiences.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Cell edit type and its params in Blazor Tree Grid Component
# Cell Edit Template in Blazor TreeGrid

The [TreeGridColumn.EditType](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_EditType) is used to customize the edit type of the particular column. The [TreeGridColumn.EditType](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_EditType) can be set based on the data type of the column.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/editing/cell-editing.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Cell Editing in Blazor Tree Grid Component | Syncfusion®
description: Checkout and learn here all the features about Cell Editing in Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Cell Editing | Syncfusion
description: Learn how to edit cells in Blazor TreeGrid, configure editing modes, validate input, and customize editing behavior.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Cell Editing in Blazor Tree Grid Component
# Cell Editing in Blazor TreeGrid

In Cell edit mode, when a cell is double clicked, it is changed to edit state. The cell value can be changed and saved to the data source. To enable Cell edit, set the [TreeGridEditSettings.Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridEditSettings_Mode) as **Cell**.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/editing/column-validation.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Column Validation in Blazor TreeGrid Component | Syncfusion®
description: Checkout and learn here all about column validation in Blazor TreeGrid component and much more details.
title: Blazor TreeGrid Column Validation | Syncfusion
description: Learn how to validate columns in Blazor TreeGrid using built-in rules, custom validation logic, and required field validation to ensure data accuracy.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Column validation in Blazor TreeGrid Component
# Column Validation in Blazor TreeGrid

Column validation allows to validate the edited or added row data and it displays errors for invalid fields before saving data. Tree Grid uses **Form Validator** component for column validation. The validation rules can be set by defining the [TreeGridColumn. ValidationRules](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.TreeGridColumn~ValidationRules.html).

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/editing/command-column-editing.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Command Column Editing in Blazor Tree Grid Component | Syncfusion®
description: Checkout and learn here all about Command Column Editing in Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Command Column Editing | Syncfusion
description: Learn how to use command column editing in Blazor TreeGrid to perform CRUD actions, customize command buttons, and streamline data management.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Command Column Editing in Blazor Tree Grid Component
# Command Column Editing in Blazor TreeGrid

The command column provides an option to add CRUD action buttons in a column. This can be defined by the [TreeGridColumn.Commands](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_Commands) property.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/editing/dialog-editing.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Dialog Editing in Blazor Tree Grid Component | Syncfusion®
description: Checkout and learn here all about Dialog Editing in Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Dialog Editing | Syncfusion
description: Learn how to implement dialog editing in Blazor TreeGrid, customize editing forms, validate input, and improve user interactions.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Dialog Editing in Blazor Tree Grid Component
# Dialog Editing in Blazor TreeGrid

In Dialog edit mode, while editing the currently selected row, data will be shown on a dialog. The cell values and save edited data can be changed to the data source. To enable Dialog edit, set the [TreeGridEditSettings.Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridEditSettings_Mode) as **Dialog**.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/editing/edit.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Editing in Blazor TreeGrid Component | Syncfusion®
description: Checkout and learn how to enable and use editing in the Blazor TreeGrid component and much more details.
title: Blazor TreeGrid Editing | Syncfusion
description: Learn how to enable and customize editing in Blazor TreeGrid, manage CRUD operations, validate data, and improve editing workflows.
platform: grid-sdk
control: TreeGrid
documentation: ug
---

# Editing in Blazor TreeGrid Component
# Editing in Blazor TreeGrid

The TreeGrid supports dynamically inserting, updating, and deleting records. Enable editing using [TreeGridEditSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html), and define a primary key column to support CRUD operations.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/blazor/tree-grid/editing/entity-frame-work.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Entity Framework in Blazor Tree Grid Component | Syncfusion®
description: Checkout and learn here all about Entity Framework in Blazor Tree Grid component and much more details.
title: Blazor TreeGrid Entity Framework Integration | Syncfusion
description: Learn how to integrate Entity Framework with Blazor TreeGrid to perform CRUD operations, bind database records, and manage data efficiently.
platform: grid-sdk
control: Tree Grid
documentation: ug
---

# Entity Framework in Blazor Tree Grid Component
# Entity Framework in Blazor TreeGrid

This section uses and follows the code explained in the [Entity Framework data binding](https://blazor.syncfusion.com/documentation/treegrid/data-binding#entity-framework) section hence it is recommended to refer Entity Framework data binding section before continue this section.

Expand Down
Loading