Jquery Datatable使用原始列生成不同的列
我正在使用DataTableV1.10.13和asp.net web应用程序 我试图用ajax加载数据,但我的一个表单有问题, 当我生成列中不匹配的数据时,出现如下错误:Jquery Datatable使用原始列生成不同的列,jquery,asp.net,ajax,datatable,datatables-1.10,Jquery,Asp.net,Ajax,Datatable,Datatables 1.10,我正在使用DataTableV1.10.13和asp.net web应用程序 我试图用ajax加载数据,但我的一个表单有问题, 当我生成列中不匹配的数据时,出现如下错误: <script> $(document).ready(function () { $('#sample').DataTable({ "processing": true, "serverSide": true, "aja
<script>
$(document).ready(function () {
$('#sample').DataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "/sample/loadtable",
"method": "POST"
},
"columns": [
{ "data": "title", "title": "Header Title" },
{ "data": "message", "title": "Text Header" }
],
"ordering": true,
"paging": true,
"pagingType": "full_numbers",
"pageLength": 10,
"language": {
"url": "/js/plugins/tables/datatables/German.json"
}
});
});
</script>
DataTables警告:表id=notifications1sa-为第0行第2列请求的未知参数“2”。有关此错误的详细信息,请参阅
我的javascript如下所示:
<script>
$(document).ready(function () {
$('#sample').DataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "/sample/loadtable",
"method": "POST"
},
"columns": [
{ "data": "title", "title": "Header Title" },
{ "data": "message", "title": "Text Header" }
],
"ordering": true,
"paging": true,
"pagingType": "full_numbers",
"pageLength": 10,
"language": {
"url": "/js/plugins/tables/datatables/German.json"
}
});
});
</script>
$(文档).ready(函数(){
$('#示例')。数据表({
“处理”:对,
“服务器端”:正确,
“ajax”:{
“url”:“/sample/loadtable”,
“方法”:“发布”
},
“栏目”:[
{“数据”:“标题”,“标题”:“标题”},
{“数据”:“消息”、“标题”:“文本标题”}
],
“排序”:正确,
“分页”:正确,
“pagingType”:“完整编号”,
“页面长度”:10,
“语言”:{
“url”:“/js/plugins/tables/datatables/derman.json”
}
});
});
我的HTML是这样的:
<div class="panel panel-flat">
<table id="sample" class="table" style="width: 100%">
</table>
这里,您正在调用document.ready中的datatable,它将在dom创建后调用。然后你正在加载你的数据。这就是为什么它不工作的原因 在ajax请求成功时调用datatable查看。如果数据属性不存在,可以指定要使用的默认值:
...
columns: [
{ data: "title",
title: "Header Title"
defaultContent: '(not set)'
},
{ data: "message",
title: "Text Header"
defaultContent: '(not set)'
}
],
...