使用jqueryDataTable和ajax向页面显示数据列表的方法-创新互联

首先在html页面定义好相关长度的行和列，假设table的id=data-table“”

成都创新互联是专业的耀州网站建设公司，耀州接单;提供成都网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行耀州网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

使用jquery DataTable在js中这么写

$(function() {
	$('#data-table').DataTable(
			{
				order : [ [ 1, 'desc' ] ],
				ajax : {
					url : "/products",
					type : 'GET',
					dataSrc : ""
				},
				columns : [ {
					data : "id"
				}, {
					data : "id"
				}, {
					data : "title",
					defaultContent : ""
				}, {
					data : "sell_point",
					defaultContent : ""
				}, {
					data : "price",
					defaultContent : ""
				},{
					data : "number",
					defaultContent : ""
				},{
					data : "image",
					defaultContent : ""
				},{
					data : "cid",
					defaultContent : ""
				},{
					data : "id"
				}],
				columnDefs : [{
					targets : [ 0 ],
					orderable : false,
					render : function(id, type, row, meta) {
						return '';
					}
				},{
					targets: [8],
					render: function(data, type, row, meta) {
						return ''
					}
				}]
			});
});

当前名称：使用jqueryDataTable和ajax向页面显示数据列表的方法-创新互联
网址分享：http://kswjz.com/article/hpsge.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

使用jqueryDataTable和ajax向页面显示数据列表的方法-创新互联

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

使用jqueryDataTable和ajax向页面显示数据列表的方法-创新互联

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们