在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}