如何使表格可以按标题角度排序?

时间:2015-05-07 12:11:46

标签: javascript html angularjs sorting

我试图通过标题对我的表进行排序。

我尝试使用名为" smart-table"但这给了我一些麻烦,因为一些标题包含空格和特殊字符,如"<"这使得解析器出现了很多错误。

我也尝试了http://www.kryogenix.org/code/browser/sorttable/指南,但无法让它发挥作用。我创建了一个名为sorttable.js的文件,并将该脚本导入我的html文件的标题中,但它没有用:S。

所以我想知道是否有人知道这项工作的好方法吗?

HTML:

<table class="table table-bordered table-striped">
        <thead>
        <tr>
            <th ng-repeat="col in table.cols">
                {{col}}
            </th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="row in table.data">
            <td ng-repeat="col in table.cols">{{row[col]}}</td>
        </tr>
        </tbody>
    </table>

数据看起来像这样:

table = {
    "data": [
        {"Name": "Bumbanday MCHP", "ANC 1 Coverage": 0, "BCG Coverage <1y":1},
        {"Name": "Bumban MCHPhgghfruin everythinggh", "ANC 1 Coverage": 0, "BCG Coverage <1y":1}
      ],

    "cols": [
      "Name",
      "ANC 1 Coverage",
      "BCG Coverage <1y"
      ]
}

谢谢:d

1 个答案:

答案 0 :(得分:2)

我们在ng-table上取得了很大的成功:

https://github.com/esvit/ng-table