javascript - 如何在数据表的单元格内添加一个按钮以在弹出窗口中显示详细信息?

标签 javascript jquery css datatable datatables-1.10

我的问题是关于 datatable.js 的。我想在数据表列的单元格内添加按钮以扩展内容单元格的细节。如果我单击红色按钮,应该会出现一个弹出模式以显示 datatable.js 中的所有内容列表。

enter image description here

最佳答案

You can use fnRowCallback
https://legacy.datatables.net/ref#fnRowCallback
$('#example').dataTable( {
"fnRowCallback": function(nRow,aData,iDisplayIndex,iDisplayIndexFull) {
  // Bold the grade for all 'A' grade browsers
  if ( aData[4] == "A" )
  {
    $('td:eq(4)', nRow).html( ' <button type="button">Red button </button> ' );
  }
}

});

关于javascript - 如何在数据表的单元格内添加一个按钮以在弹出窗口中显示详细信息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37344803/

相关文章:

javascript - redux getState() 不返回更新后的状态

javascript - Rails - Table <TR> - 使用按钮/Jquery 添加过滤器

javascript - 免费 jqGrid : Field undefined error when extending postdata with local data

html - 如何使网站的标题全宽?

javascript - 多个帐户同一 session 登录

javascript - 动态变量名称javascript MVC

jquery - ajax 中的 DELETE 请求给出 301 移动响应

css - 用Class定义TH,这可能吗?

css - Bootstrap 禁用手机/平板电脑的 View

javascript - 动态生成的 div 上不显示弹出窗口