Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
shrenath ss
45
How to enable tooltip on Iggrid column Header.
posted

Hi,

I have the tooltip displayed on the column  values. I need to apply the tooltips on column header text as well.

Could you please let me know with sample code how to enable the tooltip for the column headers.

Thanks,

Shrenath.

Parents
No Data
Reply
  • 80
    Offline posted

    It can be added to Grid Configuration as well, as in:

    1. <script type="text/javascript">
    2. var adventureWorks = [{"ProductID":1},{"ProductID":2},{"ProductID":3},{"ProductID":4},{"ProductID":5},{"ProductID":6}];
    3.     $(window).load(function () {
    4.     $("#grid1").igGrid({
    5.         columns: [
    6.             { headerText: "Product ID", key:"ProductID", dataType:"number", width: "100px"}
    7.         ],
    8.         autoGenerateColumns: false,
    9.         dataSource: adventureWorks,
    10.         rendered: function() {$("#grid1_ProductID").attr("title", "my custom title");}
    11.     });
    12. });
    13. </script>
Children
No Data