Skip to content
364 changes: 170 additions & 194 deletions blazor/datagrid/column-chooser.md

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion blazor/datagrid/column-headers.md
Original file line number Diff line number Diff line change
Expand Up @@ -444,7 +444,7 @@ DataGrid provides the below three options for configuring:
> * If a column's header text contains no white space, the text may not be wrapped.
> * If the content of a cell contains HTML tags, the Autowrap functionality may not work as expected. In such cases, you can use the [HeaderTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_HeaderTemplate) and [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Template) properties of the column to customize the appearance of the header and cell content.

In the following example, the [TextWrapSettings.WrapMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridTextWrapSettings.html#Syncfusion_Blazor_Grids_GridTextWrapSettings_WrapMode) is set to **Content**.
The following example demonstrates how to dynamically change the auto-wrap of the header text based on DropDown change.

{% tabs %}
{% highlight razor tabtitle="Index.razor" %}
Expand Down
591 changes: 405 additions & 186 deletions blazor/datagrid/column-menu.md

Large diffs are not rendered by default.

624 changes: 322 additions & 302 deletions blazor/datagrid/column-reorder.md

Large diffs are not rendered by default.

657 changes: 399 additions & 258 deletions blazor/datagrid/column-resizing.md

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion blazor/datagrid/column-template.md
Original file line number Diff line number Diff line change
Expand Up @@ -395,7 +395,7 @@ public class OrderDetails

### Render Chip component in a column

The DataGrid component provides support for rendering [Chips](https://blazor.syncfusion.com/documentation/color-picker/getting-started-with-web-app) component in a column using the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Template) property. This feature is useful when displaying data that requires a chip component to be rendered in a column.
The DataGrid component provides support for rendering [Chips](https://blazor.syncfusion.com/documentation/chip/getting-started-with-web-app) component in a column using the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Template) property. This feature is useful when displaying data that requires a chip component to be rendered in a column.

In the following code, we rendered the Chips component in the Grid **First Name** column by defining the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Template) property.

Expand Down
972 changes: 514 additions & 458 deletions blazor/datagrid/foreignKey-column.md

Large diffs are not rendered by default.

Binary file added blazor/datagrid/images/foreignkey-remote-data.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.