MVC表格的制作

待我称王封你为后i 2021-11-23 10:38 298阅读 0赞

MVC表格的制作  
开发工具与关键技术： Visual Studio 2015 – jQuery  
作者：廖亚星  
撰写时间：2019年 7 月 25 日  
项目商品管理中，需要制作出一个可自增的表格，可以在表格中编辑信息，可以更加方便的对商品进行添加，做这个表格可以引用下bootstrap的CSS，可以更好的布局  
样式:  
![在这里插入图片描述][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("

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDY4MQ_size_16_color_FFFFFF_t_70]: /images/20211122/aea4f189c2804f029dbb16dfbf5157c4.png