jquery插件datatable为何不显示数据?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery插件datatable为何不显示数据?相关的知识,希望对你有一定的参考价值。

使用Spring作为服务器端,通过下面的JS获取数据 <script type="text/javascript"> $(document).ready(function () var students_table = null; $(function() $('#class_students_table').hide(); ); $('#btn_search_class_students').click(function () students_table = $('#class_students_table').dataTable( "bProcessing": true, "bServerSide": false, 'bPaginate': true, 'sPaginationType': 'full_numbers', "sAjaxSource": "api/getStudentsById", "sServerMethod": "POST", "fnServerParams": function ( aoData ) aoData.push( "name": "classId", "value": $('#classId').val() ); , "sAjaxDataProp": "", "aoColumns": [ "sTitle":"序号", "mDataProp": "student_id" , "sTitle":"姓名", "mDataProp": "student_name" , "sTitle":"学号", "mDataProp": "student_school_id" , "sTitle":"性别", "mDataProp": "student_gender" , "sTitle":"班级", "mDataProp": "class_id" ] ); students_table.fnClearTable(0); students_table.fnDraw(); ) ); </script>02为啥只显示结果有多少条,而没有具体的数据?全部工程的代码添加在附件中,各位高手给看看是咋回事儿 参考技术A  jquery插件datatable不显示数据,请尝试以下三种方法解决:
  1、把 $('#class_students_table').hide(); 注释掉试试;
  2、students_table.fnClearTable(0);注释掉;
  3、把students_table.fnClearTable(0);该成students_table.fnClearTable();

jquery.datatable插件如何不自动加载数据?

参考技术A $(window).load(function ()
$('#managertable').dataTable(
"bServerSide": true,
"bAutoWidth": true,
"bStateSave": false, //保存状态到cookie ******很重要 , 当搜索的时候页面一刷新会导致搜索的消失。使用这个属性设置为true就可避免了
"bPaginate": true, // 是否使用分页
"bProcessing": true, //是否显示正在处理的提示
"bLengthChange": false, //是否启用设置每页显示记录数
"iDisplayLength": 20, //默认每页显示的记录数
"bFilter": true, //是否使用搜索
"bJQueryUI": true, //页面风格使用jQuery.
// "sScrollY": 200,//竖向滚动条 tbody区域的高度
"sScrollX": "100%", //横向滚动条
"sScrollXInner": "100%",
"bScrollCollapse": true,
"aoColumns": [ "sTitle": "Id" ,
"sTitle": "Name" ,
"sTitle": "Permission" ,
"sTitle": "Remarks"],
"sPaginationType": "full_numbers", //分页样式
"bAutoWidth": true, //列的宽度会根据table的宽度自适应
"bSort": false, //是否使用排序
"aaSorting": [[0, "desc"]],
"sAjaxSource": "/action/admin/index.ashx?paraname=admingroupmanager&sub_detail_id=" + $.cookies.get('sub_detail_id')
);
);

下面是ajaxsource响应:

["Id":1,"Name":"管理员组","Permission":"100,110,120,130,200,210,220,300,310,320,330,400,410,420,430,500,510,520,600,610,620,630,631,632,633,634,640,700,710,720,730,740,800,810,820,830","Remarks":""]

绑定不上:var aData = _fnGetObjectDataFn( oSettings.sAjaxDataProp )( json ); //这里的json是有响应的数据
for ( var i=0, iLen=aData.length ; i<iLen ; i++ )
这里aData获取到的是:undefined; 这里解决了,
现在出现这个问题:
Showing 1 to NaN of NaN entries (filtered from NaN total entries)
DataTables warning (table id = 'managertable'): Requested unknown parameter '0' from the data source for row 0本回答被提问者和网友采纳
参考技术B 数据不正确吧!

以上是关于jquery插件datatable为何不显示数据?的主要内容,如果未能解决你的问题,请参考以下文章

使用jQuery DataTable Buttons插件不显示导出按钮

使用 jQuery DataTable Buttons Plugin 不显示导出按钮

Jquery datatables 插件,排序/过滤数据后显示“表中没有可用数据”

jQuery dataTable 不显示排序图标

jQuery.dataTables插件的页码参数是啥?

jquery.datatable插件如何不自动加载数据?