javascript - tr-ng-grid 不遵守顺序

Question

我将这个 angularjs 模块用于表格:http://moonstorm.github.io/trNgGrid/release/index.html

我正在这样显示我的数据:

<table tr-ng-grid="" items="logs"  page-items="100" class="table table-striped">
    <thead>
        <tr>
            <th field-name="id"         display-name="id"           enable-filtering="false"></th>
            <th field-name="user"       display-name="User"         enable-filtering="false"></th>
            <th field-name="action"     display-name="Action"       enable-filtering="false"></th>
            <th field-name="additional" display-name="Additional"   enable-filtering="false"></th>
            <th field-name="time"       display-name="Time"         enable-filtering="false"></th>
        </tr>
    </thead>
</table>

数据来自 $http调用，当我对该数据执行 console.log() 时，它的顺序是正确的。 table 上的显示不是。你可以在下面看到它的样子

我添加了一个 order-by属性为 table元素，但它似乎没有任何效果:

<table tr-ng-grid="" items="logs" order-by="time" page-items="100" class="table table-striped">

如果我点击 Time要排序的列，然后按正确的顺序对其进行排序。按 id 排序不起作用，因为它似乎是这样做的:

1,10,11、12,...18,19,20,2、21,22等等……

Answer 1

您的 $http 请求返回所有字段都是字符串的 json 对象。由于您将它直接提供给您的表，因此您的 ID 仍然是字符串，并且按这样的顺序排列(1、10、...)。如果您想将它们作为数字排序，则需要预处理数据并将字符串 ID 替换为数字，或者利用 trNgGrid 列选项；按照模块文档，我会说实现 stringToNumberFormat 的计算字段应该可以解决问题:

angular.module(...)
.filter("stringToNumber", function () {
    return function (fieldValueUnused, item) {
        return parseInt(item.id);
    };
});

<th field-name="numberId" display-name="id" display-format="stringToNumber:gridItem">