tablesorter列,包含文本和整数

时间:2015-02-08 07:39:13

标签: javascript jquery web integer tablesorter

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; 
    } 
}); 
});

1 个答案:

答案 0 :(得分:1)

正在发生的事情是86是该列中的第一个单元格。因此,解析器的自动检测认为这是一个数字列。要修复它,只需将列解析器设置为文本。最简单的方法是在标题中添加“sorter-text”类。

因为插件只查看thead中列的最后一个单元格,所以需要将该类添加到“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'
});