pop up mouse over text

soma1204

Hi,

i have table with one column value has more text, want to display in text text fits in one line and display all text when we do mouse over on it.
Is this possible? if yes, could you please provide test case.

Thanks
Soma

kthorngren

Sounds like the ellipsis rendering plugin will do what you want.

Kevin

soma1204

Can we use this along with hiding columns.

tried following way , it didn't work.

"columnDefs": [
            {
                "targets": [2, 3, 6, 7, 12],
                "visible": false,
                              targets: 10,
                render: $.fn.dataTable.render.ellipsis( 20, true )

            }
        ],

Following one worked.

 "columnDefs": [
            {
                                          targets: 10,
                render: $.fn.dataTable.render.ellipsis( 20, true )

            }
        ],

Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide

kthorngren

They need to be separate objects, like this:

"columnDefs": [
            {
                "targets": [2, 3, 6, 7, 12],
                "visible": false,
            },
            {
                targets: 10,
                render: $.fn.dataTable.render.ellipsis( 20, true )
 
            }
        ],

Kevin