JS练习之表格动态渲染

在django中,生成一个表格很容易,使用django提供的模板语言即可轻松完成,今天练习下js渲染表格的原生写法。

需求:

动态生成表格,点击删除可删除所在行

姓名 科目 成绩 操作
魏璎珞 数学 100 删除
魏璎珞 数学 100 删除
魏璎珞 数学 100 删除
魏璎珞 数学 100 删除
曹操 语文 200 删除
曹植 政治 100 删除
曹植 政治 100 删除
曹植 政治 100 删除
曹植 政治 100 删除

1、数据来源
暂未学到js和django的数据交互,即django和js对json的处理,所以练习的数据按照教程,使用js对象写在js逻辑代码中。

// 使用对象储存的数据,列表
data = [
	{
   name: "魏璎珞", subject: "数学", score: 100},
	{
   name: "魏璎珞", subject: "数学", score: 100},
	{
   name: "魏璎珞", subject: "数学", score: 100},
	{
   name: "魏璎珞", subject: "数学", score: 100},
	{
   name: "曹操", subject: "语文", score: 200},
	{
   name: "曹植", subject: "政治", score: 100},
	{
   name: "曹植", subject: "政治", score: 100},
	{
   name: "曹植", subject: "政治", score: 100}
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值