标签: 可编辑表格

2 篇文章

JS 可编辑表格的实现(进阶)
1、前言 在普通的可编辑表格的基础上,改进可编辑表格。数据来自外部的json(模拟服务端),通过json数据生成可编辑表格。根据实际情况,表格没有新增数据功能。表格的可编辑列,计算的列,每列的数据大小,以及是否删除都可进行配置,在修改单元格内容和删除行数据都会映射到相应数据集中。 实现效果: 2、设计思路与方法 现将基本样式写好,将所有的数据写在j…
JS 可编辑表格的实现
1、实现效果 用户点击语文,数学,英语部分的单元格,可以实现分数的编辑,总分也会随之变化。先看下效果,如图: 2、设计思路 先通过HTML5+CSS3绘制表格,添加input的样式和err提示动画。 给要修改的数据的单元格添加name属性,给总分那一列的单元格添加rname属性。先获取所有要更改数据的单元格,通过for循环遍历,给他们添加单击事件。…