Bootstrap Information Icon not showing next to heading

[walker1234Participant]

I am trying to show a bootstrap information icon next to Description heading in the jqxWidget as follows (JSFiddle here ):

`{
text: ‘Description’,
datafield: ‘description’,
cellsrenderer: function (row_, columnfield_, value_, defaulthtml_, columnproperties_) {
return “<a href=\”#\” title=\”For Previous Dates !\” data-toggle=\”popover\” data-trigger=\”hover\” data-content=\”Please click on individual dates listed under Latest Date(s) column \”><i class=\” drgicon icon-info-sign\”></i></a>”;
},
width: 100,
height: 100
},`

The JSFiddle isnn’t showing the icon, but, instead of description, I am getting :

1) Information icon in all of the cells for Description Column

2) Also, on hover, it just shows, “For Previous Dates !” and not the remaining text. Something is stopping it to work properly.

As I can understood that, I am using cellsrenderer property of jqxGrid, can you tell me if there is any different property if I just want to show the information icon, next to the Description heading and
not on each and every cells?

[ChristopherParticipant]

Hi walker1234,

In order to change the appearance of the header of the column you need to use the renderer function, not the “cellsrenderer”. I updated your fiddle example to accomodate your requirements. Here’s the link:
https://jsfiddle.net/7ucvy5yr/80/

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[walker1234Participant]

Thanks. Why is it just showing the title on hover and not the data-content ?

[ChristopherParticipant]

Hi walker1234,

For some reason the bootstrap popover doesn’t work on the jqxGrid. You can use the jqxPopover or a jqxToolTip to implement the same functionality.
Here’s a demo with the jqxToolTip:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/columntooltips.htm?light

Here’s your code implementing the jqxPopover:
https://jsfiddle.net/7ucvy5yr/82/

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[walker1234Participant]

Is it good to assume that Bootstrap and jQWidgets don’t work well together?

[ChristopherParticipant]

Hi walker1234,

This would be a wrong assumption. JQWidgets works great along with Bootstrap. We even have integration demos. Check it out:
http://www.jqwidgets.com/jquery-widgets-demo/demos/twitter/index.htm

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts