Radzen Blazor Server how to set tooltip for RadzenDataGrid column titles

Radzen.Blazor Components
1

I've just started looking into using Radzen Blazer server-side components, and while I've had no problems getting the data grid to display my iQueryable, I'm stumped on how to set an MouseEnter tooltip for each of the Column Headers.

My simple code:

    <RadzenDataGrid AllowFiltering="false" AllowColumnResize="true" AllowSorting="true" PageSize="5" AllowPaging="true" PagerHorizontalAlign="HorizontalAlign.Left" ShowPagingSummary="true"
        Data="_objectList" TItem="RequestStatusSummaryDto" LogicalFilterOperator="LogicalFilterOperator.Or">
        <Columns>
            <RadzenDataGridColumn TItem="RequestStatusSummaryDto" Property="Status" Title="" />
            <RadzenDataGridColumn TItem="RequestStatusSummaryDto" Property="Requests" Title="Requests" />
            <RadzenDataGridColumn TItem="RequestStatusSummaryDto" Property="GroupsTriggers" Title="Extract Groups / Triggers" />
            <RadzenDataGridColumn TItem="RequestStatusSummaryDto" Property="Outputs" Title="Extract Files" />
            <RadzenDataGridColumn TItem="RequestStatusSummaryDto" Property="Shards" Title="Shards" />
            <RadzenDataGridColumn TItem="RequestStatusSummaryDto" Property="Clients" Title="Clients" />
        </Columns>
    </RadzenDataGrid>

Suggestions?

2

You can define your own HeaderTemplate where you can show tooltip from Radzen TooltipService or simply define title attribute for an HTML component.

3

Hi @Jason_Platt,

Here is a short demo:

<RadzenDataGridColumn TItem="Employee" Property="FirstName" Title="First Name" Frozen="true" Width="140px">
    <HeaderTemplate>
        <RadzenLabel MouseEnter=@((args) => OnMouseEnter(args, "First Name")) Text="First Name" />
    </HeaderTemplate>
</RadzenDataGridColumn>

@code {
    void OnMouseEnter(ElementReference element, string text)
    {
        TooltipService.Open(element, text);
    }
}
4

Hi, sorry for bringing up this old topic again.
This solution works perfectly.
Can I change the color of the tooltip based on the cell value?