DataTables warning: table id=tableEquipment - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3

一个页面展示多个表格是出现问题
加入retrieve: true,配置可以解决

tableSell = $('#tableSell').DataTable({retrieve: true,"aaSorting": [[0, "desc"]], //默认第几个排序"bStateSave": true, //状态保存"lengthChange": false,"searching": false,"aoColumnDefs": [//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示{"orderable": false,// "aTargets": [3]} // 制定列不参与排序]});

还要个问题,表格重复渲染,需要摧毁原来的表格配置,再新建,再发生改变表格的函数中进行监听,第一次走initTableEquipment函数,第二次走refreshTableSell函数即可解决

//initTableEquipment
function initTableEquipment(id) {$.ajax({type: 'GET',url: `${URL}MachineChart/find/by/houseId?id=${id}`,dataType: "json",async: false,success: function (data) {let tbody =''data = data.objectif(data.length==0) {$("#tableEquipmentBody").html(tbody)alert('该市场暂无设备状态数据')return}data = [data[1],data[2],data[0]] // 处理接下来的数据if(data.length>3){for(let j = 3 ; j < data.length; j++){data.push(data[j])}}for (let i = 0; i < data.length; i++) {let status = data[i].statusfor (let key in data[i]) {if (data[i][key] == null) {data[i][key] = '';}}let list = data[i].listfor(let k = 0 ; k < list.length; k++){tbody += '<tr class="text-c">' +'<td>' + list[k].barcodeMachineId + '</td>' +'<td>' + list[k].barcodeSurplus + '</td>' +'<td>' + status + '</td>' +'<td class="td-manage">' +'<a title="明细" href="javascript:;" οnclick="window_change(\'设备状态详情\',\'IndexEquipmentStatusDetail.html\',\'' +list[k].id + '\')"><i class="fa fa-th-list"></i>明细</a>'+'</td>' +'</tr>'}$("#tableEquipmentBody").html(tbody)}},error: function (XMLHttpRequest, textStatus, errorThrown) {// networkError(XMLHttpRequest, textStatus, errorThrown)$("#tableEquipmentBody").html('')alert('请求设备状态失败')}});// if(isTableRun){tableEquipment = $('#tableEquipment').DataTable({retrieve: true,"aaSorting": [[0, "desc"]], //默认第几个排序"bStateSave": true, //状态保存"lengthChange": false,"searching": false,"aoColumnDefs": [//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示{"orderable": false,"aTargets": [3]} // 制定列不参与排序]});// }}//摧毁
function refreshTableSell(id) {tableSell.clear(); //销毁datatabletableSell.destroy(); //销毁datatableinitTableSell(id) //重新加载数据
}

DataTables warning: table id=tableEquipment - Cannot reinitialise DataTable配上代码解决相关推荐

  1. DataTables warning:table id = TableDate: Cannot reinitialise DataTable的解决办法

    最近碰到了这个DataTables warning:table id = oaTableDate: Cannot reinitialise DataTable问题.使用DataTables做的表格,每 ...

  2. DataTables中提示:DataTables warning: table id=example - Cannot reinitialise DataTable.

    场景 在页面中有一个下拉框select,在select的change事件中,每此要根据选择的值的 不同进而在dataTables中显示不一样的值. 错误提示如图: 错误代码如下: $(document ...

  3. Vue+DataTables warning:table id=xxxx -Cannot reinitialize DataTable.报错解决方法

    问题描述: 使用DataTables来写列表,用vue来渲染数据,有搜索功能,每次点击搜索就会报错,如下图所示. 问题排查: 找了一系列原因,最后发现是我每次请求完数据之后都会添加分页功能,从而导致了 ...

  4. DataTables warning: table id= - Cannot reinitialise DataTable. 错误(JS表格datatable)

    可能是表格重复使用时受到影响 表格初始化时加上 retrieve: true, 使其可以实现复用

  5. dataTable报错:DataTables warning: table id=example - Requested unknown parameter 'null' for row 1

    使用dataTable渲染表格数据的时候警报如下 解决方法:经检查发现该行返回的值为null,做个判断即可 {"data":null,"bSortable": ...

  6. DataTables提示:DataTables warning: table id=queueInfo_table - Requested unknown parameter 'type' for r

    场景 如图: 实现 依据提示可知第一行第五列的type参数为空或不存在. 其官方解释为: https://datatables.net/manual/tech-notes/4 所以找到这个表的type ...

  7. datatables ajax错误,ajax datatable - DataTables警告:table id = example - 无法重新初始化DataTable(示例代码)...

    我正在从SQL中检索数据以包含在表中.我的代码返回错误"DataTables warning:table id = example - 无法重新初始化DataTable.有关此错误的更多信息 ...

  8. dataTables去掉搜索框,每页多少条框体,解决Cannot reinitialise DataTable问题,以及数据格式ajax等问题...

    1.关于datatables配置 function dosearch(){ $('#example').DataTable({ "searching": false, //去掉搜索 ...

  9. DataTables warning: Requested unknown parameter '0' from the data source for row '0'

    问题:DataTables warning: Requested unknown parameter '0' from the data source for row '0' 代码: <scri ...

最新文章

  1. 图灵奖得主Yann LeCun最新访谈!
  2. 如何用python画数据图-利用Python绘制数据的瀑布图的教程
  3. 有必要学python吗-学习Python有必要去培训机构吗?
  4. Ubuntu下用devstack单节点部署Openstack
  5. 认知实习培训第四天总结
  6. win8: hello gril
  7. 中国房地产官媒爆乐视投资国贸地产,布局AI智能家居生态
  8. 说给做管理软件的同行:你们得学会职业规划
  9. android---am命令
  10. 干货总结:I2C总线详细要点
  11. ProjectorShadow 和 ShadowMap对比
  12. React Hooks 完全使用指南
  13. LeetCode 489. 扫地机器人(DFS)
  14. matplotlib axis
  15. 数据库链接池c3p0配置踩坑
  16. 与孩子一起学编程14章
  17. otg模拟器_全能模拟器 RetroArch 安卓版上手教程
  18. 手机文件上传ftp服务器,安卓手机文件上传 ftp服务器
  19. 【MATLAB】三维绘图 三维数据插值
  20. 气传导蓝牙耳机哪个牌子好?口碑好的气传导耳机分享

热门文章

  1. 保健中的深度学习nlp技术用于决策
  2. 中诚信报告预计2019年中国GDP增长率约6.3%
  3. 圣路易斯华盛顿大学计算机科学排名,圣路易斯华盛顿大学CS的排名?真是应该稳重去看...
  4. java add event handler_最佳的addEvent事件绑定是怎样诞生的
  5. 卡巴斯基导致SVN不能正常工作
  6. 解决word2007不能编辑文档的问题
  7. 获取多达 16GB 的 Dropbox 免费空间!
  8. How OS technology is being deployed in science?
  9. Scrapy框架实例-2(沪江网网课信息)
  10. python-opencv第六期:addWeighted函数详解