jQuery 表格排序

15 浏览
0 Comments

jQuery 表格排序

我有一个非常简单的HTML表格,有4列:设施名称、电话号码、城市、专业。我希望用户只能按照"设施名称"和"城市"进行排序。我该如何使用jQuery编写这个代码?

0
0 Comments

jQuery表格排序问题的出现原因是用户希望能够通过点击表格的列标题来实现升序和降序排序。在这个问题中,用户希望使用纯粹的jQuery来实现排序,并且希望能够对字母和数字进行排序。

解决方法是使用以下代码来实现表格排序功能:

$('th').click(function(){
    var table = $(this).parents('table').eq(0)
    var rows = table.find('tr:gt(0)').toArray().sort(comparer($(this).index()))
    this.asc = !this.asc
    if (!this.asc){rows = rows.reverse()}
    for (var i = 0; i < rows.length; i++){table.append(rows[i])}
})
function comparer(index) {
    return function(a, b) {
        var valA = getCellValue(a, index), valB = getCellValue(b, index)
        return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.toString().localeCompare(valB)
    }
}
function getCellValue(row, index){ 
    return $(row).children('td').eq(index).text() 
}

此外,还需要添加一些CSS样式来定义表格的边框和鼠标样式:

table, th, td {
    border: 1px solid black;
}
th {
    cursor: pointer;
}

以上是解决jQuery表格排序问题的方法。通过点击表格的列标题,可以实现升序和降序排序。这个方法使用了纯粹的jQuery,并且可以对字母和数字进行排序。同时,还提供了相应的CSS样式来美化表格。

0
0 Comments

jQuery table sort的问题出现的原因是使用的tablesorter插件不够简单易用,文档也不够详细,功能也不够强大。解决方法是使用更简单易用且功能更强大的插件,比如DataTables。

DataTables是一个非常简单易用的插件,可以轻松地对表格进行排序。唯一需要注意的是,如果使用DOM替换(即构建一个表格,然后让DataTables重新格式化它),则需要使用

来格式化表格,否则插件将无法正常工作。

DataTables还支持AJAX等功能,并且非常容易关闭所有功能。你可能会惊讶于你可能会使用到的功能。一开始我只使用了一个简单的DataTables来对一个字段进行排序,然后意识到一些其他的功能对我正在做的事情非常重要,客户们也非常喜欢这些新功能。

另外,DataTables还得到了完整的ThemeRoller支持,这是一个额外的加分项。

除了DataTables,我还尝试过tablesorter,但它没有DataTables那么简单易用,文档也不够详细,功能也只是一般。

最后,值得一提的是DataTables可以在NuGet上获取,这也是一个加分项。

如果你需要一个简单易用且功能强大的jQuery表格排序插件,我强烈推荐使用DataTables。

0
0 Comments

问题出现的原因是插件的位置发生了变化,导致演示无法正常工作。解决方法是更新插件的位置链接。

如果页面上有多个表格,可以使用多个可排序的表格。可以通过更新链接来解决这个问题。

出现错误“illegal character”,原因是HTML不完全相同,包含thead和tboy。解决方法是将文本转换为大写或小写,然后再进行比较。

性能问题可能是通过循环遍历所有单元格导致的。可以通过只循环遍历列中的单元格来解决这个问题。

如果需要对字母和数字进行排序,可以提供自定义函数来返回排序的数据。可以使用一个小的jQuery插件来对列表、表格、div或其他任何内容进行排序。

在Chrome/Linux上无法正常工作的问题可能是插件再次出现了错误。解决方法是检查代码并修复错误。

对于数字和字母的排序问题,可以通过提供自定义函数来解决。可以根据自己的需求编写函数来排序不同的数据类型。

数字排序的问题可能是由于错误的排序算法导致的。需要修复排序算法才能正确排序数字。

问题的原因是插件位置的变化,解决方法是更新插件的链接。同时还涉及到多个表格、大小写敏感性、性能问题和排序算法的修复。

0