如何在 Bootstrap DataTable 列网格上实现可编辑弹出框

Posted 2023-05-08

【中文标题】如何在 Bootstrap DataTable 列网格上实现可编辑弹出框

【英文标题】：How to Implement Editable Popover on Bootstrap DataTable Column Grid

【发布时间】：2019-03-06 21:34:58

【问题描述】：

如何在 Bootstrap DataTable Column Grid 上实现可编辑弹出框。由于引导弹出窗口不支持基于类的实现。

我想要如下所示的数据表。

 $('#prodname1').editable(
    type: 'text',
    pk: 1,
    url: '/post',
    title: 'Enter Product Name'
    );

【参考方案1】：

现在支持基于类的 Do like。

 <td> <a href="#" class="edit" data-type="text" data-pk="1" data-original-title="Product Name"> Product One </a></td>

还有JS脚本

$('.edit').editable(
    type: 'text',
    title: 'Edit'
    );