是否可以对Smart-table的COLUMN进行分页

时间:2015-09-18 06:23:32

标签: angularjs pagination smart-table

我正在创建一个可视化表配置器,用户定义列,我想一次显示6列,用户可以使用分页UI查看下一个6列

1 个答案:

答案 0 :(得分:0)

smart-table没有内置此功能,但是当您控制标记时,可以自己实现。考虑以下标记(伪代码):

SELECT *
FROM #temp
WHERE usr_id = 1 AND
      @st_dt < end_date AND
      @end_dt > st_date ;

现在我们可以使用带有所需数据的数据和displayedColumn集合来提供对象:

<table st-table="data">
    <thead>
    <tr>
        <th ng-repeat="col in displayedColumns" st-sort="col.property">{{col.title}}</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="row in data">
        <td ng-repeat="col in displayedColumns">
            {{row[col.property]}}
        </td>
    </tr>
    </tbody>
</table>

该表现在将显示仅包含a和b列的表。如果你有办法操纵displayedColumns来说明显示列c和d,这将反映在网格中。

希望这能解决您的用例。