项目中Datatables是采用Ajax作为数据源的,当ajax返回数据后,我查看ajax返回的数据发现,ajax返回的数据顺序与datatables表格中显示的数据顺序不一致,请问如何才能这两者显示一致呢?

下面是ajax返回的数据

{

"data": [{

"item": 1,

"sn": "1",

"bus": "1",

"id": "1",

"alise": "Device_Alias",

"opcode": "3",

"addr_start": "1",

"addr_len": "1",

"addr_mapping_head": "0",

"MBstatus": 0

}, {

"item": 1,

"sn": "3",

"bus": "1",

"id": "1",

"alise": "Device_Alias",

"opcode": "3",

"addr_start": "1",

"addr_len": "1",

"addr_mapping_head": "2",

"MBstatus": 0

}, {

"item": 1,

"sn": "2",

"bus": "1",

"id": "1",

"alise": "Device_Alias2",

"opcode": "3",

"addr_start": "1",

"addr_len": "1",

"addr_mapping_head": "3",

"MBstatus": 0

}]

}

下面是表格中的数据

根据ajax的返回Device_Alias2应该在最下面才对,而在表格中却在中间位置。

代码中关于Datatables的配置如下:

var columns_en = [

{title: "SN", data: "sn", name: "sn", orderable: false, searchable: false, visible: false},

{title: "Item", data: "item", name: "item", orderable: true, width: "8%"},

{title: "Serial Port", data: "bus", name: "port", orderable: true, width: "12%"},

{title: "Slave ID", data: "id", name: "id", orderable: true, width: "10%"},

{title: "Alias", data: "alise", name: "alias", orderable: true, width: "12%"},

{title: "Function", data: "opcode", name: "function", orderable: true, width: "8%"},

{title: "Data Address", data: "addr_start", name: "address", orderable: true, width: "15%"},

{title: "Data Length", data: "addr_len", name: "length", orderable: true, width: "15%"},

{title: "Mapping Address Head", data: "addr_mapping_head", name: "mapping", orderable: true, width: "20%"},

];

table = $(TableId).DataTable({

dom: 'lBfrtip',

buttons: [

{

extend: 'collection',

text: i18ns['export'][lang],

buttons: [

'copy',

'excel',

'csv',

'pdf',

'print'

]

}

],

autoWith: false, //自适应宽度

searching: true, //过滤功能

destroy: true, //允许重新实例化Datatables

processing: true, //显示加载信息

info: true, //页脚信息

paging: true, //翻页功能

pagingType: "full_numbers", //显示数字的翻页样式

lengthChange: true, //允许改变每页显示的数据条数

pageLength: 50, //默认每页数据条数

lengthMenu: [[10, 20, 50, 100, -1], [10, 20, 50, 100, "All"]],//自定义每页显示的行数

language: {

processing: "Data Updating...",

lengthMenu: i18ns['lengthmenu'][lang],

zeroRecords: i18ns['norecord'][lang],

emptyTable: i18ns['norecord'][lang],

info: "Showing _START_ to _END_ of _TOTAL_ entries",

infoFiltered: "Have _MAX_ Records in database",

search: i18ns['search'][lang],

paginate: {

first: i18ns['firstpage'][lang],

previous: i18ns['prev'][lang],

next: i18ns['next'][lang],

last: i18ns['lastpage'][lang]

}

}, //多语言配置

columns: columns_en,

ajax: {

url: DataUrl,

dataSrc: "data",

},

initComplete: function () {

},

rowCallback: function (nRow, data, iDisplayIndex) {

data['item'] = iDisplayIndex+1;

$("td", nRow).eq(0).html(data["item"]);

return nRow;

}

});

请问下应该如何修改,才能让顺序一致?

ajax传回的数据做表格,Datatables ajax返回的数据顺序与表格中的数据顺序不一致...相关推荐

  1. pandas使用query函数查询dataframe指定数据列的内容(数值)包含在特定列表中的数据行(select rows which column values contain in list)

    pandas使用query函数查询dataframe指定数据列的内容(数值)包含在特定列表中的数据行(select rows which column values contained in a li ...

  2. pandas基于dataframe字符串数据列包含(contains)特定字符串来筛选dataframe中的数据行(rows where values contain substring)

    pandas基于dataframe字符串数据列包含(contains)特定字符串来筛选dataframe中的数据行(rows where values contain substring) 目录

  3. 设顺序表va中的数据元素递增有序。试写一算法,将x插入到顺序表的适当位置上,以保持该表的有序性。

    题目要求:设顺序表va中的数据元素递增有序.试写一算法,将x插入到顺序表的适当位置上,以保持该表的有序性. 代码实现: void Insert(SqList *va,int x) {int i;if( ...

  4. (线性表)设顺序表A中的数据元素递增有序,试写一程序,将x插入到顺序表的适当位置上,使该表仍然有序。

    (线性表)设顺序表A中的数据元素递增有序,试写一程序,将x插入到顺序表的适当位置上,使该表仍然有序. [算法的基本思想] 建立顺序表,在表中从后往前查找要插入的元素的位置,直到找到第一个比X小的数,并 ...

  5. 设顺序表va中的数据元素递增有序。先实现将x插入到顺序表的适当位置上,保存该表的有序性。

    设顺序表va中的数据元素递增有序.先实现将x插入 到顺序表的适当位置上,保存该表的有序性. /* 设顺序表va中的数据元素递增有序.先实现将x插入 到顺序表的适当位置上,保存该表的有序性. */ #d ...

  6. python处理表格数据教程_用Python的pandas框架操作Excel文件中的数据教程

    引言 本文的目的,是向您展示如何使用pandas来执行一些常见的Excel任务.有些例子比较琐碎,但我觉得展示这些简单的东西与那些你可以在其他地方找到的复杂功能同等重要.作为额外的福利,我将会进行一些 ...

  7. python如何收集数据_用Python做数据清洗:采集几百个xls或csv中的数据并汇总

    需求:从几百个CSV或xls中读取某些重要数据,并汇总在一个单独的excel中进行数据分析 Python实现: # coding:utf-8 # File Name: csv_data_sort # ...

  8. word表格图片自动适应表格大小_Excel应用实践20:使用Excel中的数据自动填写Word表格...

    学习Excel技术,关注微信公众号: excelperfect 我在Excel工作表中存放着数据,如下图1所示. 图1 我想将这些数据逐行自动输入到Word文档的表格中并分别自动保存,Word文档表格 ...

  9. 把数据做得更好看2——如何用Echarts更详细地展示数据特征(以柱状图为例)

    前言:本文是在把数据做得更好看1--Echarts基础柱状图绘制&渲染&PPT联动(Python数据可视化)的基础上的拓展和进阶,对pyecharts不熟悉的童鞋可以参考上面的链接. ...

最新文章

  1. GitHub代码一键转VS Code:只需+1s
  2. 生物信息学是干啥的?
  3. pycharm查看方法源码
  4. 10.2.1 CSS介绍与引入
  5. word 7桌面上的计算机图标是,怎么设置win7系统桌面图标都变成word图标的处理办法...
  6. SQL Server XML转Table
  7. bios升级 acer linux,《原创》Acer更新BIOS的问题,傻瓜都会
  8. 2021抖音数据报告(完整版)
  9. 安卓中将Java文件转换成Dex文件
  10. skimage图像加噪声
  11. 下列哪项不属于Html5中input,以下哪项不属于 Html5 中 input 标签新增的输入类型?...
  12. 2022年四川二级建造师建设工程法规及相关知识《解决建设工程纠纷法律制度》练习及答案
  13. MODIS数据wget下载
  14. 关于深圳户口从集体户口迁入朋友家庭户口的相关手续总结
  15. 材料库存天数的计算方法
  16. 【Proverif语法学习(一)】
  17. 大话设计模式(3)——造物者一般的建造者模式
  18. Win10系统基于WSL2安装Docker问题小结
  19. VC 动态控制鼠标点击事件
  20. JIRA零基使用教程(一)- 概念和配置使用介绍

热门文章

  1. Mysql数据库中的 Group by 语句的特殊之处(select 中的项目不必出现在Group by中)---不建议使用!
  2. 【Linux】Centos7重启网卡失败
  3. MYSQL主从不同步延迟原理分析及解决方案
  4. 关于cocos2d-x中CCScrollView和CCMenu触摸优先级的解决方案
  5. Lingo解决最优化问题
  6. 对类型“H12.MainWindow”的构造函数执行符合指定的绑定约束的调用时引发了异常。
  7. 解决matplotlib中文显示问题
  8. c#解决TCP“粘包”问题
  9. 如何在Java项目中查找未使用/无效的代码
  10. section和div有什么区别?