带有文本和整数的表排序列

Question

demo 模型列未正确排序。只是因为列中有一个整数。有人说我可以使用复杂的文本提取，但我不知道如何使用。谁能帮我？你的大力帮助可以帮助

$(document).ready(function() { 

// call the tablesorter plugin 
$("table").tablesorter({ 
    // define a custom text extraction function 
    textExtraction: function(node) { 
        // extract data from markup and return it  
        return node.childNodes[0].childNodes[0].innerHTML; 
    } 
}); 
});

Answer 1

发生的事情是 86 是列中的第一个单元格。所以解析器的 auto-detection 认为这是一个数字列。要修复它，只需将列解析器设置为文本即可。最简单的方法是在 header.

中添加 "sorter-text" class

因为插件只查看 thead 中列的最后一个单元格，所以您需要将 class 添加到 "model" 单元格 (demo)。

<thead>
    <tr>
        <td class='tablehover2 sorter-false' rowspan=2><a href='http://www.toyota.com.hk/cars/new_cars/index.aspx' target='_blank'> Toyota </a>
        </td>
        <td class='tablehover2 sorter-false'><a >Full Model List & Specifications</a>
        </td>
        <td class='tablehover2 sorter-false'><a> Price List</a>
        </td>
    </tr>
    <tr>
        <!-- the parsers are set by the class names in this row -->
        <td class='tablehover sorter-text'>Model</td>
        <td class='tablehover'>Price</td>
    </tr>
</thead>

不需要设置textExtraction函数:

$('#tablesorter').tablesorter({
    theme: 'blackice'
});

带有文本和整数的表排序列

tablesorter column with text and integer

javascript

jquery

integer

tablesorter

web