首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery tablesorter.js避免/禁用某些特定行的排序过程

使用jQuery tablesorter.js避免/禁用某些特定行的排序过程
EN

Stack Overflow用户
提问于 2013-01-09 08:31:42
回答 3查看 17.2K关注 0票数 25

我有一个表,我正在使用jquery插件表one进行排序。在这里,我希望避免第一行{class=“避免排序”}在选择要排序的任何列时成为排序。示例:

代码语言:javascript
运行
复制
       <thead>
        <tr>
            <th class="header">#</th>
            <th class="header">Purchase Date</th>
            <th class="header">Course Name</th>
            <th class="header">Amount(in $)</th>
            <th class="header">User Name</th>
            <th class="header">Share</th>
            <th class="header">Net Revenue [$236.41]</th>
        </tr>
      </thead>
  <tbody>

       <tr class="avoid-sort">
            <th colspan="7">Total Revenue</th>
            <td>236.41</td>
        </tr>

        <tr>
                <td>1</td>
                <td>January 3rd, 2013</td>
                <td>Tackle Certification</td>
                <td>50</td>
                <td>Khushi Jha</td>
                <td>35</td>
                <td>33.69</td>
        </tr>
      <tr>
                <td>2</td>
                <td>January 3rd, 2013</td>
                <td>Flag Certification</td>
                <td>100</td> 
                <td>Pay</td>
                <td>70</td>
                 <td>67.67</td>
      </tr>
                            <tr>
                <td>3</td>
                <td>January 3rd, 2013</td>
                <td>Tackle Certification</td>
                <td>50</td>
                <!--                    <td>-->
                    <!--</td>-->
                <td>Pay</td>
                <td>35</td>
                 <td>33.69</td>

   </tr>

tr class=“避免排序”不应出现在排序中!

救命啊!!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-01-10 06:18:14

你有两个选择:

  1. 如果您使用的是原始的表place,则可以让这个静态行小部件“锁定”行。
  2. 如果您使用的是我的餐盘叉,您只需添加一个不可排序的主体,如以下(演示):
票数 36
EN

Stack Overflow用户

发布于 2018-02-08 09:03:40

莫蒂叉子插件现在是内置的。

代码语言:javascript
运行
复制
<script src="/js/tablesorter/jquery.tablesorter.min.js"></script>
<script src="/js/tablesorter/widgets/widget-staticRow.min.js"></script>
<!-- … -->
<tr class="static">…</tr>
代码语言:javascript
运行
复制
$("table").tablesorter({
    widgets: ['staticRow']
})

或者,您可以设置一个自定义类名:

代码语言:javascript
运行
复制
<tr class="tablesorter-static">…</tr>
代码语言:javascript
运行
复制
$("table").tablesorter({
    widgets: ['staticRow'],
    widgetOptions: {
        // Note it expects a CSS selector, not a raw class name
        staticRow_class: ".tablesorter-static"
    }
})
票数 2
EN

Stack Overflow用户

发布于 2016-11-15 12:24:33

代码语言:javascript
运行
复制
$(function() {     
$("#myTable").tablesorter({
        headers: {4: {sorter: false},8: {sorter: false}}
    });
});

这里,4,8是列号。列以0开头。

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

https://stackoverflow.com/questions/14231081

复制
相关文章

相似问题

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