如何在从数据库加载数据后对表中的数据进行排序

How to sort out the data in the table after the data was loaded from the data base?

本文关键字：数据 排序 数据库 加载      更新时间：2023-09-26

我在数据库中有数据，它显示在页面上。按下列标题，有必要对数据进行排序。

打开页面后，我们看到一个空表，在5~10秒内填满了数据库中的数据。

如果我使用插件AngularJS datatable 并插入标签datatable="ng"，可以看到用于排序的图标，但按下任何图标后，使表不可见。

代码如下:

<div class="table-responsive">
    <table class="table table-striped" ng-controller="mostPopularsTableController">
        <thead ibox-tool>
            <tr ts-repeat>
                <th>Title</th>
                <th></th>
                <th>Link</th>
                <th>Network</th>
                <th>Count</th>
                <th>Clicks</th>
                <th>CTR</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="data in mostPopulars">
                <td><img src="{{data.TopImages}}" width="50" height="50" /></td>
                <td><b>Description:</b>{{data.Title}}</td>
                <td>
                    <a href="{{data.Link}}"><img src="./img/link.png" width="15" height="15" /></a>
                </td>
                <td>{{data.NetworkName}}</td>
                <td>{{data.Count}}</td>
                <td>{{data.Adclicks}}</td>
                <td>{{data.AdCtr}}</td>
            </tr>
        </tbody>
    </table>
</div>

可以使用jquery库。其中一个好的是

https://datatables.net/examples/basic_init/table_sorting.html

它支持使用ajax的客户端和服务器端排序。

你可以在javascript中对它进行排序，然后使用orderbyangularjs功能在页面上显示它:

请点击链接了解更多信息。

或者如果它已经显示在页面上的表标签中，你可以使用js插件。我个人推荐并正在使用这个插件:

的datatable

我不确定，但你在这里做错了什么。

看看这个:http://l-lin.github.io/angular-datatables/#/zeroConfig

，不要忘记对table使用datatable="指令。

如果你仍然得到一些错误，然后帮助我们一些小提琴，所以我们可以看看。

欢呼

相关文章：