You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: knowledge-base/grid-show-tooltip-on-column-header.md
+7-8Lines changed: 7 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -23,9 +23,9 @@ This knowledge-base article also answers the following questions:
23
23
24
24
To display Tooltip for Grid column headers that are truncated, follow the steps below:
25
25
26
-
1. Use the [Column Header Template](slug:components/grid/templates/column-header#column-header-template) to customize the header content. Wrap the header content in a `<span>` HTML element.
27
-
2.[Monitor the column width changes](slug:grid-kb-column-state) by using the [Grid `OnStateChanged` event](slug:components/grid/state#onstatechanged) and the [`ColumnState`](slug:components/grid/state#information-in-the-grid-state) property of the `GridState`.
28
-
3. Use a [TelerikTooltip](slug:components/tooltip/overview) component to display tooltip for each column header.
26
+
1. Use the [Column Header Template](slug:grid-templates-column-header#column-header-template) to customize the header content. Wrap the header content in a `<span>` HTML element.
27
+
2.[Monitor the column width changes](slug:grid-kb-column-state) by using the [Grid `OnStateChanged` event](slug:grid-state#onstatechanged) and the [`ColumnState`](slug:grid-state#information-in-the-grid-state) property of the `GridState`.
28
+
3. Use a [TelerikTooltip](slug:tooltip-overview) component to display tooltip for each column header.
29
29
4. Apply a custom CSS class to the column header content when the width of the column is insufficient to display its full content.
30
30
31
31
>caption Show TelerikTooltip on the Grid column header
@@ -126,8 +126,7 @@ To display Tooltip for Grid column headers that are truncated, follow the steps
126
126
> The additional CSS is used to adjust the position of the tooltip callout. Modify this CSS based on your application's specific layout and design requirements.
0 commit comments