This is a migrated thread and some comments may be shown as answers.

Tooltip in Header Cells?

3 Answers 454 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Francois
Top achievements
Rank 1
Francois asked on 08 Jun 2012, 03:03 PM
Is it possible to have a tooltip appear in a grid's header cell? If so, how?
Also, is it possible to use templates for the header row of a grid?

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 13 Jun 2012, 12:01 PM
Hi Francois,

A tooltip in Kendo UI grid's header cell is not available out of the box, but you could achieve it using custom code. 

Regarding the template in a grid's header row - currently such functionality is not supported. You could customize the appearance of the header via custom code.

For convenience, here is a very simple jsFiddle, which illustrates the aforementioned approaches in action.   


Greetings,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Zach
Top achievements
Rank 1
answered on 28 May 2014, 04:04 PM
I used the Grid's dataBound event and looped through the column headers, like so:

01.$('#grid').kendoGrid({
02.    dataSource: myDataSource,
03.    columns: [ ... ],
04.    dataBound: function () {
05.        var grid = $('#grid').data('kendoGrid');
06.        $(grid.thead.find('th')).each(function ()
07.        {
08.            $(this).prop('title', $(this).data('title'));
09.            // could also use $(this).data('field')
10.        }
11.    }
12.});
0
Iliana Dyankova
Telerik team
answered on 29 May 2014, 09:25 AM
Hello guys,

At this point there is a tooltip widget available which can be used with Kendo UI Grid. For your convenience here is a simple example.

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Francois
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Zach
Top achievements
Rank 1
Share this question
or