在jQuery数据表中对数字进行排序

时间:2016-06-20 15:36:27

标签: javascript jquery asp.net sorting datatables

我有一个包含6列的表,我使用了数据表:

 $('#datatable2').dataTable({
                "oLanguage": { "sSearch": "Search " },
                "oSearch": { "sSearch": "<% = requestId %>" }
               });

当我使用这个表时看起来非常好但它没有排序数字 当我添加这个

 $('#datatable2').dataTable({
                     "aoColumns": [
                               { "sType": "numeric-comma" },
                               null,
                               null,
                               null, null, null],

                "oLanguage": { "sSearch": "search: " },
                "oSearch": { "sSearch": "<% = requestId %>" }
               });

它正确排序数字,但它显示所有行不是10乘10或50乘50作为此图

请帮忙!

enter image description here

当我使用此代码时

paging:true,
"aoColumns": [{ "sType": "numeric" }, null, null,null , null, null],

它看起来像gridview https://www.nuget.org/packages/Xamarin.Forms/

它根据我的需要排序,但为什么它在第二行得到129号?

请注意: - 我的整数是超链接

1 个答案:

答案 0 :(得分:1)

您必须启用分页,因此datatables知道如何处理超过页面长度的行数。参数paging = truehttps://datatables.net/reference/option/paging)。

$('#datatable2').dataTable({
    "aoColumns": [
        { "sType": "numeric-comma" },
        null,
        null,
        null,
        null,
        null],
    "paging": true,
    "oLanguage": { "sSearch": "search: " },
    "oSearch": { "sSearch": "<% = requestId %>" }
});

您还可以更改分页类型https://datatables.net/reference/option/pagingType

请注意数据表1.10 中引入(或更确切地重命名)pagingpagingType参数。

对于这些参数的传统名称,请检查https://legacy.datatables.net/usage/options

更新:为了设置表格的默认排序,您必须指定order参数https://datatables.net/reference/option/order

您的表初始化将如下所示:

$('#datatable2').dataTable({
    "aoColumns": [
        { "sType": "numeric-comma" },
        null,
        null,
        null,
        null,
        null],
    "paging": true,
    "oLanguage": { "sSearch": "search: " },
    "oSearch": { "sSearch": "<% = requestId %>" },
    "order": [[ 0, 'asc' ]]
});

我仍然不确定我完全理解你的问题,抱歉。