首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >表格排序javascript

表格排序javascript
EN

Stack Overflow用户
提问于 2015-08-19 14:06:36
回答 1查看 56关注 0票数 0

我有一张表,如下-

代码语言:javascript
运行
复制
                          <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>

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

如果表格不是动态生成的,我可以使用下面的代码进行排序-

代码语言:javascript
运行
复制
<script>
$(function(){
    // jQuery methods go here...
    $("table.sort_table").sort_table({
        "action" : "init"
    });
});
</script>

但是,当我尝试执行相同的操作时,当在页面加载时动态生成表时,这不起作用。请建议如何继续。

EN

回答 1

Stack Overflow用户

发布于 2015-08-19 14:20:59

你可以通过多种方式对表格进行排序,你也可以创建自己的插件来实现这一点。为了节省时间,你可以使用DataTable插件或者jquery表排序器,bootgrid等等。

例如:

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

代码语言:javascript
运行
复制
 $('#<table id>').DataTable({

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

升序或降序,或者您可以使用对表进行排序,也可以创建自定义排序。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32087684

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档