`
zendj
  • 浏览: 121921 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

表格中动态添加了两行和两个单元格

阅读更多

表格中动态添加了两行和两个单元格。
------------------------------------------
<SCRIPT>
function createRows(){
// 插入两行。
var oRow1=oTable.insertRow(oTable.rows.length);
var oRow2=oTable.insertRow(oTable.rows.length);
// 获取表格的行集合。
var aRows=oTable.rows;
// 获取第一行的单元格集合。
var aCells=oRow1.cells;
// 在第一行中插入两个单元格。
var oCell1_1=aRows(oRow1.rowIndex).insertCell(aCells.length);
var oCell1_2=aRows(oRow1.rowIndex).insertCell(aCells.length);
// 获取第二行的单元格集合。
aCells=oRow2.cells;
// 在第二行中插入两个单元格。
var oCell2_1=aRows(oRow2.rowIndex).insertCell(aCells.length);
var oCell2_2=aRows(oRow2.rowIndex).insertCell(aCells.length);
// 为 4 个新单元格添加规范的 HTML 值。
oCell1_1.innerHTML="<B>Cell 1.1!</B>";
oCell1_2.innerHTML="<B>Cell 1.2!</B>";
oCell2_1.innerHTML="<B>Cell 2.1!</B>";
oCell2_2.innerHTML="<B>Cell 2.2!</B>";
}
</SCRIPT>
<INPUT TYPE="button" VALUE="创建行" onclick="createRows()">
<TABLE BORDER=1 ID="oTable">
<TR><TD></TD></TR>
</TABLE>

==============================================================

var AllRow=oTable.rows;
var NewRow=oTable.insertRow(oTable.rows.length);
var NewCells=NewRow.cells;
var NewCell1=AllRow(NewRow.rowIndex).insertCell(NewCells.length);
NewCell1.innerText="";

分享到:
评论

相关推荐

    js生成动态表格并为每个单元格添加单击事件的方法

    本文介绍的使用JavaScript动态生成表格并为每个单元格添加单击事件的方法是Web开发中一项基础而重要的技能。通过这种方式,我们可以根据实时数据创建表格,并允许用户与表格中的数据进行交互。这不仅使页面变得更加...

    c# tablelayoutpanel 动态增加和删除列 已测试通过 动态合并单元格 动态添加控件

    这个标题和描述提到的主题聚焦于如何动态地管理和操作`TableLayoutPanel`,包括增加和删除列、动态合并单元格以及动态添加控件。这些功能在创建可自定义或数据驱动的用户界面时非常有用。 首先,让我们详细讨论如何...

    element-ui表格el-table动态合并单元格(合并行和列)以及给表头添加斜线

    实现功能点 1.行的合并 2.列的合并 3.给表头添加斜线 4.动态生成列

    table-rowspan表格自动合并单元格插件

    2. **rowspan属性**:`rowspan`是HTML表格单元格的一个属性,用于指定一个单元格跨多少行。例如,`&lt;td rowspan="2"&gt;`表示该单元格将跨两行,使得下方一行的相应位置不会出现新的单元格。 3. **单元格合并**:在网页...

    table表格按列合并相同数据行单元格代码

    在jsp、html页面中实现table表格按列合并相同数据行单元格代码,可实现功能为:在一个table表格中,合并指定列中所有相同数据相邻行单元格内容。

    JS实现动态修改table及合并单元格的方法示例

    例如,`tabObj.rows[0].cells[2].rowSpan=2`会让第一行的第三个单元格跨越两行。 在实际应用中,可能还需要考虑更多细节,比如单元格的样式、事件处理等。合并单元格时,要注意确保合并后的单元格不会覆盖其他内容...

    javascript 动态创建表格:新增、删除行和单元格.zip

    本压缩包中的"javascript 动态创建表格:新增、删除行和单元格.zip"内容着重介绍了如何使用JavaScript来动态地构建和修改HTML表格。 首先,我们要理解表格在HTML中的基本结构,它由`&lt;table&gt;`元素包含,内部包含`...

    基于Jasperreport动态单元格合并模板

    1. **动态单元格合并**:在JasperReport中,我们可以通过设置表格列的`isStretchWithOverflow`属性为`true`,使单元格根据内容自动扩展。同时,可以使用`groupFooter`来合并分组后的行。通过编程方式或在JRXML中设置...

    JS 实现Table相同行的单元格自动合并示例代码

    表头有两个单元格,分别表示“国家”和“地区”,接下来的几行展示了一些国家和地区数据。按照上面的JavaScript函数逻辑,相同国家的地区值将被合并成一个单元格,从而减少表格中的重复数据展示。 需要注意的是,当...

    JavaScript动态操作表格实例(添加,删除行,列及单元格)

    6. **动态创建和添加元素**:使用`document.createElement`方法创建新的HTML元素,如`&lt;tr&gt;`和`&lt;td&gt;`,并使用`appendChild`和`insertRow`方法将它们添加到表格中。 7. **跨行合并单元格**:通过修改`rowSpan`属性来...

    安卓Android源码——动态添加表格行.zip

    总的来说,通过理解`TableLayout`的工作原理和使用方法,开发者可以轻松地在Android应用中动态添加表格行,从而创建出灵活多变的用户界面。结合实际需求,你可以进一步优化代码,实现更复杂的功能,如加载网络数据、...

    jquery 两个表格数据行交换数据

    本文将深入探讨如何使用jQuery实现两个表格之间的数据行交换功能,这是一个常见的需求,特别是在用户界面设计中,用户可能需要重新排序或比较表格数据。 首先,让我们理解表格(TableView)的基本结构。在HTML中,...

    活字格-获取表格中当前单元格的值.zip

    获取当前单元格的值意味着在运行时动态获取用户在表格中选定或正在交互的那个单元格的数据。这可能涉及到以下几个方面: 1. **事件驱动编程**:活字格支持事件驱动的编程模型,比如当用户在表格中点击或更改某个...

    表格中一行多个单元格相同内容保留不重复内容的公式2-合并到一个单元格显示

    在Excel表格处理中,我们经常会遇到一行内多个单元格有相同数据的情况,有时我们需要将这些重复的数据合并到一个单元格中,以便于查看和分析。标题"表格中一行多个单元格相同内容保留不重复内容的公式2-合并到一个...

    excel合并单元格 添加回车格式的小技巧

    有时,我们需要将多列数据合并到一个单元格中,同时还要保持特定的格式,比如在标题后添加内容,并用回车换行进行分隔。这样的操作在Excel中可以非常高效地完成,下面将介绍一种实用的小技巧来实现这个需求。 假设...

    wpf 动态合并datagrid表头单元格

    Datagrid由行和列组成,每个单元格对应一个数据项。表头(Header)是每一列的标题,用于标识该列的数据类型或含义。在默认情况下,Datagrid的表头是独立的,无法直接进行合并。为了实现动态合并,我们需要自定义逻辑...

    QT在QTableView的一列里添加两个按钮

    3. **自定义视图项**:要在一个单元格内添加两个按钮,我们需要创建一个自定义的QTableWidgetItem子类,包含两个QPushButton。这个子类需要重写paintEvent()方法以绘制按钮,并实现必要的信号和槽机制来处理按钮点击...

    列表多行多列合并单元格

    当处理动态生成的数据时,比如从服务器获取的列表数据,可能需要在JavaScript中动态设置`colspan`和`rowspan`。这可以通过遍历数据并分析合并规则来实现。例如,如果你的列表有三列,但某些情况下需要将第一列和第二...

    Python自动办公实例-在Word表格中将上下行相同内容的单元格自动合并.zip

    3. **遍历单元格**:对表格的每一行进行迭代,比较同一列的上下两个单元格内容。 4. **内容比较与合并**:如果发现上下两个单元格内容相同,利用Word的API进行单元格合并操作。 5. **保存与关闭**:完成处理后,保存...

    html表格头部固定 相应单元格宽度自适应内容区域单元格

    为了保证头部和内容区域的单元格对齐,我们可以统一设置这两个属性。例如,若要使所有单元格左对齐并垂直居中,可以这样设置: ```css th, td { text-align: left; vertical-align: middle; } ``` 此外,为了...

Global site tag (gtag.js) - Google Analytics