添加一个按钮以在jQuery Data Table中打开弹出窗口

Question

在我的应用程序中，我使用jQuery数据表来显示表单所做查询的结果。我现在有了一个新任务：我必须在这个表中添加一列，每列我都有一个按钮（或链接，无论哪个都是2）。

焦点是，当用户单击此按钮或链接时，必须打开一个弹出窗口以允许操作员修改数据库中的某个值（因此，为此我需要每行一个按钮） ;每行可能有一个值可以修改，或者没有。）

问题是：如何添加此按钮/链接以及如何在单击后弹出弹出窗口？

Answer 1

您可以这样做：

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

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

Working Fiddle

注意：在此示例中，我使用jquery ui dialog，您也可以使用Bootstrap modal

Answer 2

使用bootstrap Modal。 Bootstrap模式将允许您执行所需的操作