I want a button in a datagrid-header like the example 'DataGrid Custom Header with a button', but the button should be right-aligned

Radzen.Blazor Components
6

Thank you for the link and clarification. To align the content to the right (including the column picker UI) you can add this CSS to your application (wwwroot/app.css or site.css):

.rz-custom-header {
    flex: 1;
    display: flex;
    justify-content: end;
    padding-right: 1rem;
}

If you want to have finer control you can add this rule:

.rz-custom-header {
    flex: 1;
}

And then use RadzenStack to position the content.

<style>
.rz-custom-header {
    flex: 1;
}
</style>
<RadzenDataGrid Data="@employees" AllowFiltering=true TItem="Employee" ColumnWidth="300px">
    <HeaderTemplate>
        <RadzenStack AlignItems="AlignItems.End">
             <RadzenButton  Text="Toggle EmployeeID column visibility" Click=@(() => EmployeeIDVisible = !EmployeeIDVisible)  />
        </RadzenStack>
    </HeaderTemplate>

align