jquery 数据表数字排序问题

标签 jquery html datatable

我已经为我的表集成了数据表脚本。我有排名栏。数据是这样的

enter image description here

我需要这里的数字排序。为此,我使用了以下代码

{ "sType": "numeric", "aTargets": [ 0 ] }

在 html 代码中我使用了以下内容

<span style="display:none;">3</span> #3 in
<span style="display:none;">45</span> #45 in
<span style="display:none;">25</span> #25 in
<span style="display:none;">25</span> #15 in etc...

所以在 span 标签中我以隐藏格式显示了数字。

但排序不适用于此单元格。请帮我。谢谢

12 月 15 日更新 =====================

{ "bVisible": false, "aTargets": [8] }, //set column visibility            
                {"sType": "numeric", "aTargets": [8] }, //define data type for specified columns
                {"iDataSort": 8, "aTargets": [3] } //sort based on a hidden column when another column is clicked 
                { "bVisible": false, "aTargets": [9] }, //set column visibility            
                {"sType": "numeric", "aTargets": [9] }, //define data type for specified columns
                {"iDataSort": 9, "aTargets": [5] } //sort based on a hidden column when another column is clicked       

最佳答案

这是解决您的问题的另一种方法。 将数值放在隐藏列而不是隐藏范围中。在您的数据表绑定(bind)中,单击可见列标题时指向隐藏列,如下所示:

myTable.dataTable({        
    "aoColumnDefs": [
        { "bVisible": false, "aTargets": [hiddenColumnIndex] }, //set column visibility            
        {"sType": "numeric", "aTargets": [hiddenColumnIndex] }, //define data type for specified columns
        {"iDataSort": hiddenColumnIndex, "aTargets": [visibleColumnIndex] } //sort based on a hidden column when another column is clicked            
    ]
});​ 

关于jquery 数据表数字排序问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13813750/

相关文章:

jquery - 如何延迟警报?

javascript - 使用 jquery 在点击时淡入 body 背景

javascript - jQuery ajaxSuccess() 事件处理程序

html - 如何垂直居中对象大于其父对象?

image - 如何使用 p :graphicImage with StreamedContent within p:dataTable?

javascript - bootstrap-select 隐藏事件未触发

html - Mailchimp 内联响应表单

html - 使用 CSS 更改链接按钮上的图像

javascript - 在 DataTable 中放置一个 YUI 按钮

具有多个左连接的 mysql 查询需要大量时间来获取数据