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
2 changes: 1 addition & 1 deletion blazor/datagrid/column-menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -540,7 +540,7 @@ public class OrderData
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/LthetSqtfZnABCcg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/BNrnZiBlzsPHBORW?appbar=false&editor=false&result=true&errorlist=false&theme=material" %}

## Column menu events

Expand Down
2 changes: 1 addition & 1 deletion blazor/datagrid/columns.md
Original file line number Diff line number Diff line change
Expand Up @@ -942,7 +942,7 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid allows alig

{% previewsample "https://blazorplayground.syncfusion.com/embed/htrJCMMuCwICimOy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}

N >* The `TextAlign` property only changes the alignment of cell content, not the column header. To align both the column header and content, use the `HeaderTextAlign` property along with `TextAlign`.
N>* The `TextAlign` property only changes the alignment of cell content, not the column header. To align both the column header and content, use the `HeaderTextAlign` property along with `TextAlign`.

>* If only `HeaderTextAlign` is specified, the header will align as expected, but the cell content will remain at its default alignment.
>* To achieve consistent alignment for both header and cell content, specify both properties.
Expand Down
6 changes: 3 additions & 3 deletions blazor/datagrid/data-binding/remote-data.md
Original file line number Diff line number Diff line change
Expand Up @@ -177,7 +177,7 @@ This section describes how to configure [SfDataManager](https://help.syncfusion.

Inject the configured `HttpClient` and set the access token in the default request headers:

```csharp
```csharp
@inject HttpClient _httpClient

@code {
Expand All @@ -187,7 +187,7 @@ This section describes how to configure [SfDataManager](https://help.syncfusion.
await base.OnInitializedAsync();
}
}
```
```

- **Using the Headers property of SfDataManager:**

Expand Down Expand Up @@ -279,7 +279,7 @@ The example demonstrates modifying the query parameter dynamically. Initially, t
}
```

![Changing Query Dynamically in the Grid](./images/blazor-datagrid-query-update.gif)
![Changing Query Dynamically in the Grid](../images/blazor-datagrid-query-update.gif)

## Offline mode

Expand Down
4 changes: 3 additions & 1 deletion blazor/datagrid/row-drag-and-drop.md
Original file line number Diff line number Diff line change
Expand Up @@ -281,6 +281,8 @@ public class OrdersDetails
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBHtMhbpBpDVXzQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}

## Drag and drop to custom component

The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid supports dragging rows into custom components. Enable [AllowRowDragAndDrop] and set [RowDropSettings.TargetID](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridRowDropSettings.html#Syncfusion_Blazor_Grids_GridRowDropSettings_TargetID) to the **ID** of the target component.
Expand Down Expand Up @@ -791,4 +793,4 @@ public class OrderData
- A single row can be dragged and dropped within the same grid even if multiple selection is not enabled.
- Row drag and drop does not have built-in support when combined with sorting, filtering, hierarchy grid, or row template features.
- Row drag and drop with grouping does not support lazy-load grouping.
- Dragging and dropping within the same group key is not supported. The grid does not allow drag-and-drop for multiple rows that belong to different grouped collections.
- Dragging and dropping within the same group key is not supported. The grid does not allow drag-and-drop for multiple rows that belong to different grouped collections.