Tablesorting javascript

时间:2015-08-19 06:06:36

标签: javascript sorting

我有一张表格如下 -

ActiveRecord::find()->where($conditions)

尝试在页面加载以及单击标题时对表进行排序。

我可以使用下面的代码动态生成表 -

                          <table class="table">
                              <tbody><tr>
                                <th><h5>Movie</h5></th>
                                <th><h5>test8</h5></th>
                                <th><h5>test5</h5></th>
                                <th><h5>test4</h5></th>
                              </tr>
                              <tr>
                                <td data-th="Movie Title">Star </td>
                                <td data-th="test">Adci-fi</td>
                                <td data-th="test1">17</td>
                                <td data-th="test2">$65</td>
                              </tr>

                            </tbody></table>

但是当我在页面加载时动态生成表格时我尝试做同样的事情时,这并不起作用。 请建议如何继续。

1 个答案:

答案 0 :(得分:0)

您可以通过多种方式对表进行排序,您可以创建自己的插件来实现此目的。为了节省时间,您可以使用DataTable插件或jquery表分拣机,bootgrid等。

例如:

DataTable插件 https://www.datatables.net/plug-ins/sorting/

 $('#<table id>').DataTable({

  "order": [[ 5, "desc" ]]}); 

提升或降序或者您可以对表格进行排序,也可以创建自定义排序..