文档章节

DataTables中怎么兼容列内容为空的情况

e
 ensign
发布于 2017/04/25 15:30
字数 186
阅读 20
收藏 0

DataTables中如何兼容列内容为空的情况?
从后台获取动态JSON数据用于DataTables展现时,可能会遇到某行某字段由于为空,导致它不存在于JSON的情况。

这时就会报这个错误:

Requested unknown parameter 'someColumn' for row x 

要解决这个问题,可以对于特定的列指定该列的默认值,如

<script>
$( document ).ready(function() {
$('#someTable').DataTable({
        "processing": true,
        "serverSide": true,	        
         "ajax": {
                "url": "/someUrl",
                "type": "POST"
         },	      
   
         "columns": [
                     ...
                     { "data": "someColumn", defaultContent:"" },
                     ...
                 ]	         
});
});	
</script>

但如果每列都这样,会很繁琐。可以通过columnDefs.targets做一下全表的配置:

<script>
$( document ).ready(function() {
$('#someTable').DataTable({
        "processing": true,
        "serverSide": true,	        
         "ajax": {
                "url": "/someUrl",
                "type": "POST"
         },	      
         
         "columnDefs": [
                        {	                          
                          "defaultContent": "",
                          "targets": "_all"
                        }
                      ],	        
         "columns": [
                     { "data": "c1" },
                     { "data": "c2" },
                     ...              
                 ]	         
});
});	
</script>

 

转载:http://www.myexception.cn/program/1771004.html

© 著作权归作者所有

共有 人打赏支持
e
粉丝 0
博文 5
码字总数 1093
作品 0
武汉
DataTables_详细使用方法

jQuery的DataTables插件的使用方法 ADMIN 2011年11月23日 13:15:45 发布 在做后台的时候并没有美工和前端工程师来配合你做页面,为了显示数据并有一定的美感,我们可以使用jQuery的DataTable...

喵王不瞌睡
2015/05/02
0
1
dataTables-使用详细说明整理

本文共四部分:官网 | 基本使用|遇到的问题|属性表 一:官方网站:[http://www.datatables.NET/] 二:基本使用:[http://www.guoxk.com/node/jQuery-datatables] 1、DataTables的默认配置 $(...

ahl123
07/02
0
0
DataTables 使用配置

一:官方网站:[http://www.datatables.net/] 二:基本使用:[http://www.guoxk.com/node/jquery-datatables] 1、DataTables的默认配置 $(document).ready(function() { $('#example').dataT......

谢锡鹏
2015/01/19
0
0
修改datatables列表中单元格式的内容及样式

datatables是一个非常强大的列表控件,能给开发人员省去很多页面的开发,好了,我们直接入题,修改datatables单元格中的内容及样式,很简单看代码 修改样式 var table = $('#table_id').Dat...

sucre
2015/08/25
0
0
jquery之DataTables的使用

强大的表格解决方案,有多强大,一起来看下吧: 1、DataTables的默认配置 $(document).ready(function() { $(‘#example’).dataTable(); } ); 示例:http://www.guoxk.com/html/DataTables/...

mickelfeng
2012/11/12
0
1

没有更多内容

加载失败,请刷新页面

加载更多

day96-20180923-英语流利阅读-待学习

英国王子也不看好人工智能,理由却和霍金不同 Daniel 2018-09-23 1.今日导读 2016 年 3 月 9 日至 15 日,世界围棋冠军李世石与谷歌研发的计算机围棋程序 AlphaGo 进行人机大战并以 1 比 4 ...

飞鱼说编程
34分钟前
1
0
今天在码云遇到一个很有意思的人 for Per.js

今天在码云遇到一个很有意思的人,他在我的Per.js项目下面评论了一句,大意为“你试试这句代码,看看速度到底是你快还是Vue快”【当然,这个评论被我手残不小心删掉了...】。 然后我就试了,...

Skyogo
39分钟前
24
0
Java -------- 首字母相关排序总结

Java 字符串数组首字母排序 字符串数组按首字母排序:(区分大小写) String[] strings = new String[]{"ba","aa","CC","Ba","DD","ee","dd"}; Arrays.sort(strings); for (int i ...

切切歆语
40分钟前
1
0
还在用 Git 的 -f 参数强推仓库,你这是在作死!

最近,美国一个程序员因为同事不写注释,代码不规范,最严重的是天天使用 git push -f 参数强行覆盖仓库,该程序员忍无可忍向四名同事开抢,其中一人情况危急!!! 不写注释、代码不规范是一...

红薯
54分钟前
401
0
NPM报错终极大法

所有的错误基本上都跟node的版本相关 直接删除系统中的node 重新安装 sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 重新安装 $ n lts$ npm...

lilugirl
58分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部