<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="javascript">
function add() {
var mytable = document.getElementById("propertyTable");
var row = mytable.insertRow();
row.align = "center";
var s1 = '<td align=\"center\" ><input type=\"input\" name=\"columnName\" style=\"width:100%\" ></td>';
var s3 = '<td align=\"center\" ><input type=\"input\" name=\"columnDescription\" style=\"width:100%\"></td>';
var s4 = '<td align=\"center\"><input type=\"checkbox\" name=\"columnIdt\" value=\"\" ><input type=\"hidden\" name=\"columnId\" value=\"0\"></td>';
var temsel1 = row.insertCell()
temsel1.innerHTML = s1;
var temsel3 = row.insertCell();
temsel3.innerHTML = s3;
var temsel4 = row.insertCell();
temsel4.innerHTML = s4;
}
function del() {
var mytable = document.getElementById("propertyTable");
var c = document.getElementsByName("columnIdt");
var count = c.length;
for (var i = 0; i < count; i++) {
if (c[i].checked) {
mytable.deleteRow(i + 1);
i--;
count--;
}
}
}
</script>
</head>
<body>
<table align=center>
<tr>
<td height="16">
<!-- 扩展属性增加 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td align="left" class="top-left-esp1-6"> </td>
<td class="top-center-esp1-6" noWrap> 扩展信息 </td>
<td align="right" noWrap>
<a href="javascript:add()">添加明细</a> |
<a href="javascript:del()">删除明细</a>
</td>
<td align="right"> </td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table id="propertyTable" width="100%" border=1
bordercolor="#abcd00" style="border-collapse: collapse"
class="table-line">
<tr bgcolor="">
<td align="center" class="title-line01" width="20%"> 属性名 </td>
<td align="center" class="title-line01" width="30%"> 属性值 </td>
<td align="center" class="title-line01" width="10%"> 选择 </td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 扩展属性增加 end -->
</body>
</html>
分享到:
相关推荐
world文档动态插入表格world文档动态插入表格world文档动态插入表格world文档动态插入表格world文档动态插入表格world文档动态插入表格world文档动态插入表格world文档动态插入表格world文档动态插入表格world文档...
应公司业务要求,需要在world文档中生成表格,最开始同事使用的freemarker操作xml标签可以实现world中插入表格, 但是每次修改模板需要改xml文件,几万行中去找对应的标签然后修改,容易找错位置并且电脑非常卡,相当麻烦;...
DevExpress RichEditControl 动态插入表格及数据demo源代码,简单例子,希望对你们有帮助
javaScript实现动态增删插入表格
如何用java生成动态word表格,以及在表格中插入图片是一个难题,花了两天时间做出来的,希望对大家有帮助 需要jar包:iText-2.1.7.jar, iText-rtf-2.1.7.jar, iTextAsian.jar和jxl.jar 注意前两个jar包的版本要能...
一、jQuery动态插入表格数据 二、Vue动态插入表格数据的简单操作 一、jQuery动态插入表格数据 1、效果图 2、参考代码 图书信息 书籍名称 作者 出版日期 价格 购买数量 var books = [{ id: 1, ...
用JS动态合并单元格算法,利用一个结果集List来生成,数据过多会加重客户断负担 --%> ${status.index>=tempEnd}"> <c:set var="rowspanCount" value="0"></c:set>清楚历史数据 --%> ${list}" varStatus="status2...
在很多web应用中,我们会遇到很多需要动态插入多行纪录的地方。比如,在人才网站上,我们填写简历的时候,我们要填写我们的项目经验,我们可以根据自己的实际情况动态的添加条数,这种不是以单独页面的形式添加,...
网页表格用js动态添加一行代码,javascript应用
网页表格的特效,包括插入表格、动态插入表格、会动的表格、极酷的表格、加一个表格、拖动单元格
插入删除表格,用javascript实现,动态增加行和删除行,很简单。
设计思路: 在Table的thead中加入一行隐藏的行,当要添加一行时,复制一次隐藏的行,再将实例数据填充到这一行中相应的位置,填充完毕之后,再将这一行加到表格中去,整个操作完成。 模板:隐藏的行即相当于模板,当...
java生成ppt在ppt中插入表格
简单的动态表格的创建 具有增删改的功能。界面干净整洁。
在word中根据表头动态增加表格行,然后把数据中数据中写入表格中。
如何在js界面中插入具有 变量 的表格,使得表格内容,可以改变。通用的表达了所有的通过js代码插入html页面的方法。
一款bootstrap风格样式的很实用的vue动态添加删除表格数据代码,输入用户名和年龄自由添加用户信息表格,可以删除用户信息,支持批量全部删除表格数据。
动态插入、添加删除表格行的JS代码,网页表格操作必要的知识
根据显示器的宽度 , 自动按照设定好的权重显示或隐藏一个列
//表格增加一行 doc.Tables[1].Cell(i, 1).Range.Text = "250297";//卡号 doc.Tables[1].Cell(i, 2).Range.Text = "COM12";//串口号 doc.Tables[1].Cell(i, 3).Range.Text = "100";//发送指令条数 doc.Tables[1]...