MVC表格的制作
开发工具与关键技术: Visual Studio 2015 – jQuery
作者:廖亚星
撰写时间:2019年 7 月 25 日
项目商品管理中,需要制作出一个可自增的表格,可以在表格中编辑信息,可以更加方便的对商品进行添加,做这个表格可以引用下bootstrap的CSS,可以更好的布局
样式:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190726160611979.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDY4MQ==,size_16,color_FFFFFF,t_70)
下面编写表格
接下来就是定义方法 首先我们先编写表格的行 function AddTr() {//添加行方法 var count = $("#count tbody tr").length;//所有行 count++; if (count == 0) { count = 1; } $("#count tbody ").append("" + count + ""); for (var i = 0; i < $($("#count thead tr")[0]).find("th").length - 1; i++) { if (i == 0) { $("#count tbody tr").last().append(""); } else if (i == 1) { $("#count tbody tr").last().append(""); } else if (i == 2) { $("#count tbody tr").last().append(""); } else if (i == 3) { $("#count tbody tr").last().append(""); } else if (i == 4) { $("#count tbody tr").last().append(""); } else if (i == 5) { $("#count tbody tr").last().append(""); } else if (i == 6) { $("#count tbody tr").last().append("