Question

我使用了带有angularjs.i的数据表，希望在点击每一行时得到像https://datatables.net/examples/api/row_details.html一样的行细节。

HTML：

<div ng-controller="TodayCtrl">
    <table ui-jq="dataTable" ui-options="options" class="table table-striped m-b-none">
                    <thead>
                    <tr>
                        <th  style="width:20%">Rendering engine</th>
                        <th  style="width:25%">Browser</th>
                        <th  style="width:25%">Platform(s)</th>
                        <th  style="width:15%">Engine version</th>
                        <th  style="width:15%">CSS grade</th>
                    </tr>
                    </thead>
                </table>
</div>

Angularjs：

app.controller('TodayCtrl', ['$scope', '$http', function($scope, $http ) {
    $scope.options = {
        sAjaxSource: 'urlofjsondata',
        aoColumns: [
            { mData: 'engine' },
            { mData: 'browser' },
            { mData: 'platform' },
            { mData: 'version' },
            { mData: 'grade' }
        ]

    };

}]);

我的数据在网格中正确显示为行。但我希望显示行点击信息。我是angular.please帮助中的新功能谢谢

Answer 1

在答案here中查看我的代码段。它显示了如何创建表，并且在每个表上，您可以直接在所选行下展开一行。我相信这就是你要找的东西。

如何在angularjs和datatable grid中设置Expandable row？

1 个答案: