javascript - 对 jQuery 数据表中的数字进行排序

Question

我有一个有 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 x 10 或 50 x 50

请帮忙!

当我使用此代码时

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

gridview 显示为

它按照我的需要排序，但为什么它在第二行得到数字 129 ？

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

Answer 1

您必须启用分页，以便数据表知道如何处理超过页面长度的行数。参数 paging = true ( https://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

请注意，paging 和 pagingType 参数是在 datatables 1.10 中引入(或更确切地说重命名)的。

对于这些参数的旧名称，请检查 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' ]]
});

抱歉，我仍然不确定我是否完全理解您的问题。