我如何使用 angular-datatables 编辑 <td> 的内容？

Question

Table在一个项目中现在是这样实现的：

<table datatable="" dt-options="vm.dtOptions" dt-columns="vm.dtColumns" class="table table-custom"></table>

与此相关的代码table：

vm.dtColumns = [
        DTColumnBuilder.newColumn('id', 'Login ID'),
        DTColumnBuilder.newColumn('username', 'User Name'),
        DTColumnBuilder.newColumn('email', 'Email'),
        DTColumnBuilder.newColumn('usergrouproles', 'User Group Role'),
        DTColumnBuilder.newColumn(null).withOption('defaultContent', '<button>button1</button><button>button2</button>').notSortable(),
        DTColumnBuilder.newColumn(null).withOption('defaultContent', '<button>button3</button><button>button4</button><button>button5</button>').notSortable()
    ];

    vm.dtOptions = DTOptionsBuilder
        .newOptions()
        .withBootstrap()
        .withFnServerData(serverData)
        .withDataProp('data')
        .withOption('processing', true)
        .withOption('serverSide', true)
        .withOption('paging', true)
        .withOption('rowCallback', function(row, data, index){
            console.log("test rowCallback");
        })

    function serverData(sSource, aoData, fnCallback, oSettings) {
        var draw = aoData[0].value;
        var _order = aoData[2].value[0].dir.toUpperCase();
        var _start = aoData[3].value;
        var _end = _start + aoData[4].value;
        var _sort = aoData[1].value[aoData[2].value[0].column].data;

        UserSvc.getUsersPaginated(_start, _end, _order, _sort).then(function(result){

            var records = {
                'draw': draw,
                'recordsTotal': result.length,
                'recordsFiltered': result.totalCount,
                'data': result
            };
            fnCallback(records);
        });
    }

目前，除了 User Group Role 列之外似乎没问题 - 数据以对象的形式存在，这就是为什么我需要使用 ng-repeat 将其扩展到那里。我知道我将最终应用的 initComplete 回调，但我不知道我将如何执行 expand 本身。我的意思是我想在每个单元格中操作，但我只能访问整行。我在 vm.dtColumns 中尝试了 renderWith() 函数，但它根本不起作用。你能告诉我正确的方向吗？

Answer 1

终于找到了。它由 createdCell 选项管理，例如 .withOption('createdCell', withCreatedActionsCell)。

我如何使用 angular-datatables 编辑 <td> 的内容？

How can i edit contents of a <td> using angular-datatables?

angular-datatables