jqgrid change column title attribute

Question

When I hover over a particular cell value, the hover value is same as the cell value. Can I change the hover text different from the cell value?

Thanks

score 5 · Answer 1 · answered May 15 '14 at 07:09

5

You can use cellattr attribute in the colModel for a column to set custom tooltip. For example

cellattr: function () { return ' title="my custom fixed tooltip for the column"'; }

answered May 15 '14 at 07:09

Arun Pratap Singh

3,428
30
23

Worked perfectly. Good solution. – earl3s Mar 06 '18 at 20:06

score 1 · Answer 2 · edited Jul 21 '14 at 13:01

This can achieve by 2 steps

You can simply disable the default tool tip by setting title:false

write a global function and attached as a formatter in colModel

var changeTitle = function(cellVal, options, rowObject){<br/>
    return  "&lt;div title='This is the cell value " + cellVal + "'>" + cellVal + "&lt;/div>";<br/>
}

colModel:[
{...},<br/>
 {name:'priorityFlag', index:'priorityFlag', width:40, align:"center", formatter:   changeTitle },<br/>
{...}]

There you go!...

score 1 · Accepted Answer · edited May 23 '17 at 10:27

1

In general the tooltip is the title attribute of the <td> elements. You can use setCell method to change the tooltip (see this). In more complex situations you can use jQuery.attr (see here) or you a tooltip plugin (see here).

edited May 23 '17 at 10:27

Community

1
1

answered Jan 20 '11 at 16:48

Oleg

220,925
34
403
798

This is what I am actually doing. I have values coming from database. One of the column's value is very long. So on display I want to show only 30 characters, and on hovering, I want to display all characters. Is this possible? – DG3 Jan 20 '11 at 17:06
2

@user508518: If you set the column width so, that 30 charachters will be seen, you will have the same effect. The user will see first 30 characters in the cell and on hovering full text will be displayed. If you want truncate the text of the cell you can use `setCell` to change the text without changing of the tooltip. – Oleg Jan 20 '11 at 17:52

score 0 · Answer 4 · edited Feb 03 '19 at 01:30

0

You can right click title
Learn a column ID name ex:PersonelGrid_DefViewMainPage
Set you after grid load this code..

$("#PersonelGrid_DefViewMainPage").attr("title", "This is my Title.");

it's work..

edited Feb 03 '19 at 01:30

Nick

138,499
22
57
95

answered Feb 03 '19 at 00:58

Ali Hakan Çarkacı

1

jqgrid change column title attribute

4 Answers4

Linked