在 angular smart table 中仅将过滤后的数据导出到 csv

Question

我们已经使用 angular 智能 table.When 用户使用 st-search 应用搜索条件来实现报告 table，我们需要将所有项目导出到 csv.We 已使用用于导出的 ng-csv 指令。使用st-table数组集合时，只有第一页数据是getting.That表示过滤后共有7条记录，第一页显示5项，只有这个数据（5项）是exported.How可以导出所有过滤后的数据？

 <table class="table table-striped" st-table="displayed">
<thead>
<tr>
    <th  st-sort="firstName">first name</th>
    <th  st-sort="lastName">last name</th>
    <th  st-sort="birthDate">birth date</th>
    <th  st-sort="balance">balance</th>
    <th >email</th>
</tr>
<tr>
    <th>
        <input st-search="firstName" placeholder="search for firstname" class="input-sm form-control" type="search"/>
    </th>
    <th colspan="4">
        <input st-search placeholder="global search" class="input-sm form-control" type="search"/>
    </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in displayed">
    <td>{{row.firstName | uppercase}}</td>
    <td>{{row.lastName}}</td>
    <td>{{row.birthDate | date}}</td>
    <td>{{row.balance | currency}}</td>
    <td><a ng-href="mailto:{{row.email}}">email</a></td>
</tr>
</tbody>
<tfoot>
        <tr>
            <td colspan="5" class="text-center">
                <div st-pagination="" st-items-by-page="5" st-displayed-pages="10"></div>
            </td>
        </tr>
    </tfoot>

Answer 1

您可以通过 table 控制器 api 访问过滤后的集合。所以你只需要创建一个需要 stTable 控制器的指令：

.directive('stExport',function(){
   return {
     require:'^stTable',
     link:function(scope, element, attr,ctrl){
       element.bind('click',function(){
       alert(ctrl.getFilteredCollection().length);
     })
   };
}

have a look at that running example

在 angular smart table 中仅将过滤后的数据导出到 csv

Export only filtered data into csv in angular smart table

angularjs

smart-table