用json 数据生成mysql 表_根据json数据动态生成表格,自定义表格的列数

本文介绍如何使用JavaScript根据后台返回的JSON数据动态生成表格。当JSON数组长度大于4时,创建4列的表格;否则,列数与数组长度相同。示例代码展示了如何实现这一功能,包括创建表格的方法和CSS样式,以及实际运行效果的展示。
摘要由CSDN通过智能技术生成

最近的项目需要根据后台的返回数据动态生成表格,当返回的json数组长度大于4时,绘制一个多行4列的表格,当小于4时,只需要绘制列数为具体长度的表格。

自定义json数据如下:

var jsonArr = [

{

"name":"计算机组成原理"

},

{

"name":"计算机网络"

},

{

"name":"数据结构"

},

{

"name":"网页程序设计"

},

{

"name":"嵌入式开发"

},

{

"name":"高等数学"

}

]

绘制表格方法如下,主要是根据需要的列数绘制一行,然后画完一行开始下一行。

/**

* 根据json动态创建表格

* @param cols 表格的列数,默认值4

* @param json 渲染表格的json数据

* @param key json的键名

* @param div 存放表格的容器

*/

function createTable(cols,json,key,_obj){

if(!cols){

cols =

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值