Skip to content
Closed
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
479 changes: 210 additions & 269 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
732 changes: 383 additions & 349 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 @@ -397,7 +397,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.