row tooltiptext with extended data

Lapointe

Hello all
I'd like to display (on fly) for each row a dynamic tooltip containing some row data values .
Does somebody have an idea please ?
Thanks by advance

kthorngren

I've used columns.render for this. Here is a code snippet from one of my projects.

                    render: function (data, type, row) {
                        if (type === 'display') {
                            var title = ' title="Unknown Attribute"';
                            if (statusMap.hasOwnProperty(data)) {
                                title = ' title="' + statusMap[data] + '"';
                            }
                            return '<span' + title + '>' + data + '</span>';
                        }
                        return data;
                    }

Kevin

Lapointe

Thanks

In fact what I need is to display information when onmouseover (fly) in a tooltip box

kthorngren

display information when onmouseover (fly) in a tooltip box

I'm not clear on what you mean. The above code displays tooltips when hovering over that column. Here is a simplified example of the above code:
http://live.datatables.net/bafagavu/1/edit

Is this what you are looking for?

If you want something different you can simply return the HTML you want in columns.render.

Kevin

Lapointe

I understand .
I need the same tooltip content for each row, displaying hidden data in the tooltip box, at the mouse place.

This code do what I was searching for row level

$('#data').on( 'mouseover','tbody tr', function (e) {
    var t = table.row( this ).data();
    this.title = t.dataArrayName.dataFieldName;
    } );    

Thanks for your help

tefdat

@Lapointe, I am looking for the exactly same solution.
Just showing a kind of a table as tooltip for the hidden columns.
Were you able to find a solution?

colin

This example from this thread shows how you can use a hidden column for the tooltip data,

Colin