Add a button to open pop up in jQuery Data Table

Question

In my app, I used jQuery Data Table to show the results of a query made by form. I have now a new task: I must add, in this table, a column where for each row I have a button (or a link, no matter which of this 2).

The focal point is that when a user click this button or link, a popup must be open to allow the operator to modify some value in the db (so it's for this that I need a button for each row; every row may have a value to modify, or not).

The question is: how can I add this button/link and how can I force, after click, the popup opening?

Adding buttons to each row in datatables: https://stackoverflow.com/questions/22471862/how-to-add-button-on-each-row-in-datatable — emanek, Jun 30 '17 at 09:07

score 0 · Accepted Answer · answered Jun 30 '17 at 09:13

0

You can do this like:

$('#data_table').DataTable( {
  data: data
});

$(document).on('click', '#data_table tbody tr', function(){
  // alert('hello');
  $('#dialog').dialog();
});

Working Fiddle

Note: In this example I am using jquery ui dialog, you can use Bootstrap modal as well

answered Jun 30 '17 at 09:13

Mayank Pandeyz

25,704
4
40
59

Enjoy weekend!! – Mayank Pandeyz Jun 30 '17 at 09:19

score -1 · Answer 2 · answered Jun 30 '17 at 09:08

-1

Use bootstrap Modal. Bootstrap modal will allow you to do the operation you want

answered Jun 30 '17 at 09:08

Pratik Patil

11
1
4

Add a button to open pop up in jQuery Data Table

2 Answers2