SharePoint ToolTip RRS feed

  • Question

  • Hi All,

    I created a SharePoint Solution i used datatable in jquery .

    In that tooltip is working for First Page when i click next its tooltip is not working for the Second page.

    Any suggestions please.

    Thank you,


    Tuesday, January 10, 2017 5:54 PM

All replies

  • Hi,

    Please implement this solution

    Please remember to click Mark as Answer on the answer if it helps you

    Tuesday, January 10, 2017 7:18 PM
  • Hi,

    Here is a working Jquery DataTable tooltip example for your reference, it will also work when click to next:

    $(document).ready(function() {
         * First step is to create title attributes for the rows in the table
         * This isn't needed if the required 'title' attribute is already set in the HTML in the
         * DOM 
        $('#example tbody tr').each( function() {
            var sTitle;
            var nTds = $('td', this);
            var sBrowser = $(nTds[1]).text();
            var sGrade = $(nTds[4]).text();
            if ( sGrade == "A" )
                sTitle =  sBrowser+' will provide a first class (A) level of CSS support.';
            else if ( sGrade == "C" )
                sTitle = sBrowser+' will provide a core (C) level of CSS support.';
            else if ( sGrade == "X" )
                sTitle = sBrowser+' does not provide CSS support or has a broken implementation. Block CSS.';
                sTitle = sBrowser+' will provide an undefined level of CSS support.';
            this.setAttribute( 'title', sTitle );
        } );
        /* Init DataTables */
        var oTable = $('#example').dataTable();
        /* Apply the tooltips */
        oTable.$('tr').tooltip( {
            "delay": 0,
            "track": true,
            "fade": 250
        } );
    } );

    More information:

    DataTables events (post-initialisation) example


    Best Regards

    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact

    Wednesday, January 11, 2017 8:00 AM