<!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在多线程环境中动态插入表格和数据是一项技术挑战，但通过合理的设计和正确的线程同步，我们可以实现高效的文档处理，提供更好的用户体验。这个"RichEditDisplayDataTableDemo...
javaScript实现动态增删插入表格
在“Jquery.js”文件中，包含了处理Ajax请求、解析JSON数据以及动态插入表格的代码。jQuery的`$.ajax()`或`$.getJSON()`方法可以用于发送Ajax请求，`$.parseJSON()`或`JSON.parse()`可以用于解析JSON字符串为...
本主题聚焦于如何利用C#来操作Microsoft Word文档，包括根据模板生成文档、替换内容以及插入表格等核心功能。这对于自动化报告生成、数据导出、文档处理等场景非常有用。 首先，要实现这些功能，我们需要引用...
如何用java生成动态word表格，以及在表格中插入图片是一个难题，花了两天时间做出来的，希望对大家有帮助 需要jar包：iText-2.1.7.jar, iText-rtf-2.1.7.jar, iTextAsian.jar和jxl.jar 注意前两个jar包的版本要能...
在网页开发中，表格是一种常见的数据展示方式，而动态插入行是提高用户体验和交互性的重要技术。本知识点主要探讨如何使用JavaScript（简称JS）来实现表格动态插入行的功能。JavaScript是一种广泛使用的客户端脚本...
例如，如果需要从服务器获取实时数据，你可以使用Ajax请求，然后更新`content`并重新插入表格。 此外，如果你需要处理更复杂的数据结构，比如动态生成表格行或列，可以使用循环结构来遍历数据数组，为每一项生成...
网页表格的特效，包括插入表格、动态插入表格、会动的表格、极酷的表格、加一个表格、拖动单元格
插入删除表格，用javascript实现，动态增加行和删除行，很简单。
设计思路： 在Table的thead中加入一行隐藏的行，当要添加一行时，复制一次隐藏的行，再将实例数据填充到这一行中相应的位置，填充完毕之后，再将这一行加到表格中去，整个操作完成。 模板：隐藏的行即相当于模板，当...
java生成ppt在ppt中插入表格
这篇博客“docx4j 动态生成表格 （一 ）”将引导我们深入理解如何利用docx4j库来创建和操作Word文档中的表格。 首先，让我们了解docx4j的基本概念。docx4j是一个开源项目，它允许开发者通过编程方式创建、修改和...
使用JavaScript，我们可以动态创建这些元素并插入到文档中。例如： ```javascript // 创建一个新的表格 var table = document.createElement('table'); // 创建一行 var row = document.createElement('tr'); // ...
2. **插入和删除内容**：`insertRow()`和`deleteRow()`方法可以用于添加或移除表格行。对于单元格，可以使用`innerHTML`属性来改变其内容，如`cell.innerHTML = '新的内容';`。 3. **事件监听**：通过`...
4. **插入数据**：如果你从数据库或其他数据源获取数据，可以遍历数据集并为每一项创建新的行和单元格，将数据填充到表格中。 ```csharp foreach (var item in dataList) { HtmlTableRow newRow = new ...
插入表格是NPOI的一个重要功能。在C#中，可以使用XWPFTable类来创建表格。首先，你需要创建一个XWPFTable对象，然后指定行数和列数。接下来，通过添加XWPFTableRow对象到表中，你可以填充单元格数据。每个单元格由...
这时，我们可以利用Grid和Border元素来实现自定义的动态表格。下面将详细介绍如何使用这两种元素来绘制表格。 1. **Grid基础知识** Grid是WPF中的一个布局控件，它允许我们将屏幕区域划分为多个行和列，并在这些...
简单的动态表格的创建 具有增删改的功能。界面干净整洁。