动态生成表格

创建学生数据

因为里面的学生数据都是动态的,我们需要s动态生成。这里我们模拟数据,自己定义好数据。

因为里面的数据有好多好多个,所以我们采取数组的形式来存储,每个数组里面的元素是一个对象

 创建行

因为里面的学生数据都是动态的,我们需要js动态生成。这里我们模拟数据,自己定义好数据。数据我们采取对象形式存储。
所有的数据都是放到tbody里面的行里面。
因为行很多,我们需要循环创建多个行(对应多少人)

创建单元格

每个行里面又有很多单元格(对应里面的数据),我们还继续使用循环创建多个单元格,并且把数据存入里面(双重for循环)

单元格填充数据

 注意:

for(var k in obj) {

  k 得到的是属性名

  obj[k] 得到是属性值

}

 创建删除单元格

最后一列单元格是删除,需要单独创建单元格。

 添加删除操作

 注意:删除是在所有的行和单元格都创建完后再去删除,所以得放到for循环下面

下面是动态生成表格的所有代码

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值