如何为每个 jquery dataTable 添加编辑和删除？

Question

当我尝试在每一行的最后一列使用 jquery dataTable 查看表时，我想添加编辑和删除按钮。我想在每次更新和删除时更新数据库。如何做到这一点？

阿贾克斯：-

//Ajax to get idns sites by ruleId.
    var deleteButton='<i class="glyphicon glyphicon-remove" style="font-size:20px;"></i>';
    var editButton='<i class="glyphicon glyphicon-pencil" style="font-size:20px;"></i>';
    $.ajax({
        url : '/idns/site/getSitesByRuleId/'+rule_id,
        method : 'get',
        dataType : 'json',
        success:function(data){
            $('#siteDataTable').DataTable( {
                data:data,
                 "destroy": true,
                 "processing": true,
                columns: [{ data: 'siteId' },{ data: 'siteName' },{ data: 'userName' },{ data: 'channelName' },]
            } );
        }
    });
    // To edit site table record.
    var table = $('#siteDataTable').DataTable();

    $('#siteDataTable tbody').on( 'click', 'tr', function () {
        console.log(table.row( this ).data());
    } );

这里是fiddle:-

Answer 1

您是否尝试过mRender 之类的，

mRender: function (data, type, row) {
     return '<a class="table-edit" data-id="' + row[0] + '">EDIT</a>'
}

使用console.log() 来理解mRender 回调中的row 对象。