最近的项目需要根据后台的返回数据动态生成表格,当返回的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 =