How to show the each contents of the cell in dialog box when mouse click is done?

saho · September 2016

As am the novice programmer using DataTables concept .

I would like to show the cell cell contents of the table in popup(dialog box) whenever mouse is clicked inside the cell?

i attached you the sample code which i have tried.

`
Code:

<

table border="1" align="right" id="example1" class="display1" width="100%">

$(document).ready(function() { $('#example tbody').click(function() { alert("test"); }); });

a	b	c	d	e
1	2	3	4	5
3	6	9	7	12

</html>

`

allan · September 2016

Using DataTables 1.10's API (since 1.9.4 is no longer supported) you would simply do:

$('#example').on( 'click', 'tbody td', function () {
  alert( table.cell( this ).data() );
} );

The cell().data() is the method used.

There are a lot of good jQuery event tutorials on the web if you are just starting out with them.

Allan

saho · September 2016

Did the 1.10.12 version will support for alert

allan · September 2016

The DataTables version is irrelevant for alert that is a global Javascript method.

saho · September 2016

But in general DataTables example i found alert.

allan · September 2016

You'll also find jQuery calls, and DOM manipulation. That doesn't mean that DataTables provides all of them.

Answers