DataTable在加载大量列时出错答案

【问题标题】：DataTable giving error while loading Large number of columnDataTable在加载大量列时出错
【发布时间】：2015-05-27 11:02:35
【问题描述】：

$(function() {
	var aoColumns=[{"sTitle":"REGION."},{"sTitle"
		:"TOTAL TSI."},{"sTitle":"branchId"},{"sTitle":1},{"sTitle":"1 % AGE"},{"sTitle":2},{"sTitle":"2 % AGE"
		},{"sTitle":3},{"sTitle":"3 % AGE"},{"sTitle":4},{"sTitle":"4 % AGE"},{"sTitle":5},{"sTitle":"5 % AGE"
		},{"sTitle":6},{"sTitle":"6 % AGE"},{"sTitle":7},{"sTitle":"7 % AGE"},{"sTitle":8},{"sTitle":"8 % AGE"
		},{"sTitle":9},{"sTitle":"9 % AGE"},{"sTitle":10},{"sTitle":"10 % AGE"},{"sTitle":11},{"sTitle":"11 % AGE"},{"sTitle":12},{"sTitle":"12 % AGE"},{"sTitle":13},{"sTitle":"13 % AGE"},{"sTitle":14},{"sTitle"
		:"14 % AGE"},{"sTitle":15},{"sTitle":"15 % AGE"},{"sTitle":16},{"sTitle":"16 % AGE"},{"sTitle":17},{"sTitle"
		:"17 % AGE"},{"sTitle":18},{"sTitle":"18 % AGE"},{"sTitle":19},{"sTitle":"19 % AGE"},{"sTitle":20},{"sTitle"
		:"20 % AGE"},{"sTitle":21},{"sTitle":"21 % AGE"},{"sTitle":22},{"sTitle":"22 % AGE"},{"sTitle":23},{"sTitle"
		:"23 % AGE"},{"sTitle":24},{"sTitle":"24 % AGE"},{"sTitle":25},{"sTitle":"25 % AGE"},{"sTitle":26},{"sTitle"
		:"26 % AGE"},{"sTitle":27},{"sTitle":"27 % AGE"}];
	var aaData=[["Visakhapatnam","7","6676",0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0
	             ,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];
	$('#performanceTable').dataTable({
		"bJQueryUI" : true,
		"sPaginationType" : "full_numbers",
		"sScrollY" : 320,
		"bDestroy": true,
		"scrollX": true,
		"aaData" : aaData,
		"aoColumns" : aoColumns,

	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<table id="performanceTable"    style="cellspacing:0;width:100%;" class="display"></table>

得到类似的错误：

TypeError: c.sTitle.replace 不是函数

需要帮助............

【问题讨论】：

标签： javascript jquery datatables

【解决方案1】：

我不熟悉 datatables.js，但 .replace 函数依赖于作为字符串的变量，但我可以在数据中看到分配给 Title 的整数。敲响了警钟......尽管数据表可能会应付它。如果您将标题编号括在“”中，是否仍然会发生这种情况。

【讨论】：

已对 Epirocks 投了赞成票。在控制台中得到了这个=“jquery.dataTables.min.js:67 Uncaught TypeError: c.sTitle.replace is not a function”。正在发送 dataTable ，这是一个来自 Python 的数据帧，列标题为整数。

【解决方案2】：

所有 sTitle 值都必须是字符串，所以不要使用 "sTitle" : 1 使用 "sTitle" : "1" 等等

j$(function() {
var aoColumns=[{"sTitle":"REGION."},{"sTitle"
    :"TOTAL TSI."},{"sTitle":"branchId"},{"sTitle":"1"},{"sTitle":"1 % AGE"},{"sTitle":"2"},{"sTitle":"2 % AGE"
    },{"sTitle":"3"},{"sTitle":"3 % AGE"},{"sTitle":"4"},{"sTitle":"4 % AGE"},{"sTitle":"5"},{"sTitle":"5 % AGE"
    },{"sTitle":"6"},{"sTitle":"6 % AGE"},{"sTitle":"7"},{"sTitle":"7 % AGE"},{"sTitle":"8"},{"sTitle":"8 % AGE"
    },{"sTitle":"9"},{"sTitle":"9 % AGE"},{"sTitle":"10"},{"sTitle":"10 % AGE"},{"sTitle":"11"},{"sTitle":"11 % AGE"},{"sTitle":"12"},{"sTitle":"12 % AGE"},{"sTitle":"13"},{"sTitle":"13 % AGE"},{"sTitle":"14"},{"sTitle"
    :"14 % AGE"},{"sTitle":"15"},{"sTitle":"15 % AGE"},{"sTitle":"16"},{"sTitle":"16 % AGE"},{"sTitle":"17"},{"sTitle"
    :"17 % AGE"},{"sTitle":"18"},{"sTitle":"18 % AGE"},{"sTitle":"19"},{"sTitle":"19 % AGE"},{"sTitle":"20"},{"sTitle"
    :"20 % AGE"},{"sTitle":"21"},{"sTitle":"21 % AGE"},{"sTitle":"22"},{"sTitle":"22 % AGE"},{"sTitle":"23"},{"sTitle"
    :"23 % AGE"},{"sTitle":"24"},{"sTitle":"24 % AGE"},{"sTitle":"25"},{"sTitle":"25 % AGE"},{"sTitle":"26"},{"sTitle"
    :"26 % AGE"},{"sTitle":"27"},{"sTitle":"27 % AGE"}];

var aaData=[["Visakhapatnam","7","6676",0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0
             ,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];

j$('#performanceTable').dataTable({
    "bJQueryUI" : true,
    "sPaginationType" : "full_numbers",
    "sScrollY" : 320,
    "bDestroy": true,
    "scrollX": true,
    "aaData" : aaData,
    "aoColumns" : aoColumns,

});

});

希望对你有帮助，丹

【讨论】：