获取数据表中的嵌套表行数据

Question

我正在处理数据表，我需要在单击按钮时创建一个嵌套表。到目前为止我已经这样做了，但无法获取嵌套数据表行数据。

我以this 为例。到目前为止，这就是我为获取行数据所做的工作。

oInnerTable = $('#opiniondt_' + iTableCounter).dataTable({
        data: newArr, 
        autoWidth: true, 
        deferRender: true, 
        info: false, 
        lengthChange: false, 
        ordering: false, 
        paging: false, 
        scrollX: false, 
        scrollY: false, 
        searching: false, 
        columns: [
            {   
                className:      'inner-details-control',
                orderable:      false,
                data:           null,
                defaultContent: '' 
            },
            {"mData": "datasetId"}, 
            {"mData": "name"},
            {"mData": "datasetType", "visible": false},
            {"mData": "parentDatasetID", "visible": false},
            {"mData": "description", "visible": false},
            {"mData": "totalRecords"},
            {"mData": "creationTimeStr"},
            {"mData": "endTimeStr"},
            {bSortable: false,
                mRender: function (o) {return '<button class="btn btn-blue innerDatasetDetailButton" id="innerDatasetDetailButton"><i class="fa fa-check"></i></button>'; }
            }
        ],
        order: [[1, 'asc']]
    });

$('#opiniondt_' + iTableCounter + ' tbody').unbind().on("click", "td.inner-details-control", function () {
        var tr = $(this).closest('tr');
        var row = oInnerTable.row( tr );
        var rowData = oInnerTable.row( tr ).data();  
        iTableCounter = iTableCounter + 1;

        if (row.child.isShown()) {
            row.child.hide();
            tr.removeClass('shown');
        }
        else {
            //createInnerTable(tr, row, rowData);
        }
   });

我已经用oInnerTable 初始化了内表，但它在oInnerTable 上给了我错误

TypeError: oInnerTable.row 不是函数

谁能告诉我如何从嵌套数据表中获取行数据？

Answer 1

初始化表格时需要使用('#opiniondt_' + iTableCounter).DataTable(...) - 注意大小写的区别。如果您使用dataTable(...)，您会在oInnerTable 中获得一个jQuery 对象，而不是您需要发出row() 命令的DataTables API 对象。