项目中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. 抛出java类型异常的方法_Java Streams:抛出异常的优雅方法
  2. oracle 11gR2 RAC root.sh 错误 ORA-15072 ORA-15018
  3. mysql 权重 取值_mysql如何按权重查询数据啊?
  4. ligergrid 奇偶行效果_怎么护发才是真的有效果的?
  5. Spring的AOP-操作术语
  6. oracle监听程序无法分配,Oracle监听器服务不能启动的解决方法
  7. 管理 windows server 2003 的远程连接
  8. arma模型matlab代码_DCC GARCH模型
  9. redis-bitmap 命令使用的一些帖子
  10. linux第八周实验
  11. 推荐一款调试工具:深蓝串口调试工具 2021秋季版(2.16.1.),一直使用这个,最近更新好快。
  12. 批量修改文件夹名称的一部分
  13. Java初学者日志_05
  14. PS证件照红底转蓝底
  15. acml会议级别_人工智能领域的顶级学术会议大全(二)
  16. 经典蓝色横向二级导航栏
  17. 全网舆情大数据接口学习
  18. ‘node‘ 不是内部或外部命令
  19. php饼状图源码,php 饼状图
  20. 弟中弟的Leetcode总结——数组类(九)

热门文章

  1. Jenkins+maven+SVN构建java项目中遇到的问题及解决
  2. Try Catch C++ 异常捕获
  3. Oracle数据库中scott用户不存在的解决方法
  4. vue-cli3以上框架解决跨域问题
  5. 解决一个Android Studio gradle的小问题
  6. 解决“Cannot merge new index 67208 into a non-jumbo instruction”的问题
  7. 2018年1月3日-江苏地税系统无法正常登陆的解决方案
  8. IntelliJ中可能的东西在Eclipse中是不可能的?
  9. 虚拟串口 服务器,ZNetCManager
  10. oracle函数大全指数运算,Oracle 基础语句 函数大全(字符串函数,数学函数,日期函数,逻辑运算函数......