标签: tablesorter

我有这样一张桌子:

|   Update   |   Name  |  Code      | modification date |
|            |   name1 | code1      | 2009-12-09        |
|            |   name2 | otehercode | 2007-09-30        | 

"更新"列包含复选框的位置<input type='checkbox' />.

复选框初始状态在呈现表之前确定,但是在从数据库中获取行之后(它基于条件集,在服务器端).

默认情况下,可以选中此复选框,默认情况下取消选中或禁用(disabled='disabled'作为input属性).

我正在使用JQuery的Tablesorter对表格进行排序.我希望能够按包含复选框的列进行排序.怎么可能(我可以将一些额外的属性传递给我的input元素,如果它有帮助......)？
我应该编写自己的解析器来处理吗？

如果用户点击div表头内部,是否可以停止表排序th？

在我的情况下,div具有onClick="resize(e)"我所做的功能:

function resize(e) {
        if (!e) var e = window.event;
        e.stopPropagation();
        ....

但它不起作用.

编辑:表在e.stopPropagation()或之前排序return false

我在桌子上使用jQuery tablesorter.没有rowspan,表格排序很好,但是当我添加时rowspan,排序会破坏我的表格布局.

这是一些示例代码:

<table cellspacing="1" class="tablesorter">
  <thead>
    <tr>
      <th>First Name</th>
      <th>Age</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Peter</td>
      <td>28</td>
      <td rowspan="2" style="vertical-align:middle">AAA</td>
    </tr>
    <tr>
      <td>John</td>
      <td>33</td>
    </tr>
    <tr>
      <td>Clark</td>
      <td>18</td>
      <td>BBB</td>
    </tr>

    <tr>
      <td>Bruce</td>
      <td>22</td>
      <td>CCC</td>
    </tr>
  </tbody>
</table>

$(".tablesorter").tablesorter({});    

没有点击排序,我的表看起来像这样:

当我点击国家标题时,表格变得非常乱码

我使用的是Tablesorter插件,效果很好.目前,我使用div包装器实现表滚动.是否可以使表滚动,滚动时保持标题可见而不使用任何div？

我正在使用一个名为Tablesorter的jQuery插件 在我的一个应用程序中对日志表进行客户端排序.我也在使用tablepager加载项.

我非常喜欢客户端排序和分页为聚会带来的响应能力.我也喜欢你不必反复点击Web服务器或数据库.

但是我可以看到,我正在显示的日志会变得非常大.我确信客户端分页和排序是不切实际的.这种技术在自身重量下会开始崩溃的重点是什么？500条记录？2000年的记录？10,000条记录？

编辑:简而言之,您将使用什么标准来确定是否要使用客户端排序/分页而不是服务器端分页？预期结果的大小是否会影响您的决定？引爆点在哪里？

我有一张大桌子,想要使用tablesorter排序.我正在处理的问题是,当使用数字排序时,tablesorter对空单元格的行为为0.如何将空单元推到底部？

例如,tablesorter就是这样排序的

-5
-4
-1
<empty cell>
<empty cell>
6
7
15
23

我想排序

-5
-4
-1
6
7
15
23
<empty cell>
<empty cell>

jQuery的插件TableSorter似乎没有处理它附加到空表的情况.这有什么好的方法吗？

在我的应用程序中,用户可以过滤和搜索数据,最终他或她将提出不返回任何值的搜索条件.在这些情况下,最好"分离"TableSorter或以某种方式修复它的代码,以便它与空表一起使用.

我目前正在使用这样的插件:

    $("#transactionsTable")
    .tablesorter({ widthFixed: true, widgets: ['zebra'] })
    .tablesorterPager({ container: $("#pager"), positionFixed: false });

这很有效,直到表为空.然后我收到以下错误:

Line: 3
Error: '0.length' is null or not an object

有任何想法吗？是否可以更改脚本,以便只有表格行才有表格才能添加到表格中？

我正在使用jQuery TableSorter插件并Uncaught TypeError: Cannot set property 'count' of undefined使用此代码获得以下错误:

$(document).ready(function () {
    var copyThead = $(".uiGridContent thead").html();
    copyThead = '<table><thead>' + copyThead + '</thead></table>';
    $(".uiGridHeader").html(copyThead);
    $(".uiGridContent table").tablesorter();
    $(".uiGridContent table thead").hide();
    $(".uiGridHeader th").click(function () {
        // Get updated HTML
        var FindcopyThead = $(".uiGridContent thead").html();
        var NewcopyThead = '<table><thead>' + FindcopyThead + '</thead></table>';
        $(".uiGridHeader").html(NewcopyThead);

        var index = $(".uiGridHeader th").index(this);
        var sorting = [[index, 0]];
        $(".uiGridContent table").trigger("sorton", [sorting]);
        return false;
    });
});

而HTML是:

<div class="uiGrid">
    <div class="uiGridHeader">
        <!-- NEW HEADER GOES …

我正在使用tablesorter对我的一个页面上的网格进行排序.我每10秒钟进行一次AJAX调用,以获取更新的股票信息,并相应地更新我的网格.这很有用,但我无法正确地缓存我的排序选项.相反,我似乎已经缓存了排序,但是当我这样做时,tablesorter也会缓存我之前的行,并将它们与新的排序行一起显示出来.

例如,我的初始网格有10行数据.我排在第二列.10秒后,一组新的10行进入,但我的最初10行仍然显示,即使我已经将它们清空了.我已经研究了所有,我似乎无法找到答案.

如果我根本不排序,并且我没有调用"sorton"的触发器,我会根据需要获得10行,但行当然没有排序.如果我将该触发器称为"sorton",我的数据会被排序,但每次调用该函数时我会得到10个新行(总共20行,然后总共30行等).

这是我的AJAX调用中的代码:

if (myResult.Data.length > 0) {
    $.each(myResult.Data, function() {
        myRows += "<tr><td>" + this.column1 + "</td><td>" + this.column2 + "</td></tr>";
    });
    $("#myTBody").empty();
    //    $("#myTBody").append(myRows);    //tried this first
    //    $("#myTable").trigger("update"); // combined with this
    $("#myTBody").append(myRrows).trigger("update");
    var sorting = $("#myTable")[0].config.sortList;
    $("#myTable").trigger("sorton", [sorting]);
}

我有一个表,我需要应用排序.我正在使用knockout和jquery.tablesorter.js.我也试过自定义绑定,但没有帮助.没有淘汰我的代码工作正常.下面是我的表.

<table class="tbl" id="dash" data-bind="sortTable: true">
      <thead>
        <tr class="tag close">
          <th>Type</th>
          <th>Title</th>
        </tr>
      </thead>
      <tbody class="scrollContent" data-bind="foreach: Course">
        <tr>
          <td><i class="icon"></i></td>
          <td><a href="#" id="qtipselector_01" data-bind="text: Title"></a></td>
          <div id="TooltipContent_01" class="hidden">
            <a> Test Tool Tip</a>                 
          </div>
      </div>
    </tr> 
  </tbody>
 </table>