`
yjgyjg4
  • 浏览: 119779 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js添加table

阅读更多
IE 和FF浏览器都可以用

1.向comp_table中添加行和列
function addTableRow(){
var objTable = document.getElementById('comp_table');
var row = objTable.insertRow(-1);
var cell_1 = row.insertCell(-1);				
cell_1.innerHTML = '<input type=\"text\" name=\"cName\"> ';
}

2. 添加table,行 和列
function addTable() {
	var divObj = document.getElementById('itemTable');
	var table=document.createElement("table");
	var row1 = table.insertRow(-1);
	var row2 = table.insertRow(-1);
	var row3 = table.insertRow(-1);
	
	var r1_cell1 = row1.insertCell(-1);
	var r1_cell2 = row1.insertCell(-1);
	var r1_cell3 = row1.insertCell(-1);
	var r1_cell4 = row1.insertCell(-1);
	r1_cell1.innerHTML = '<liferay-ui:message key="erp.quaerePrice.commodityName" />';
	r1_cell2.innerHTML = '<input type=\"text\" name=\"commodityName\" size=\"30\"> ';
	r1_cell3.innerHTML = '<liferay-ui:message key="erp.quaerePrice.commodityType"/> ';
	r1_cell4.innerHTML = '<select name=\"commodityType\"><option><liferay-ui:message key="erp.select.option.choose"/></option><c:forEach var="item" items="${itemList }"><option value="${item.itemtype }">${item.itemtypename }</option></c:forEach></select>';
分享到:
评论

相关推荐

    js动态添加table行

    本文代码主要实现了javascript如何操作table并动态添加行的方法

    javascript清空table表格的方法

    本文实例讲述了javascript清空table表格的方法。分享给大家供大家参考。具体如下: 1. 通常方法 循环table的rows,然后一个一个删除。 这个方法是通常的方法,可行,但是效率不好。 2. 另一个方法 var artTable = ...

    js添加table的行和列 具体实现方法

    在JavaScript中,动态地向HTML表格(`&lt;table&gt;`元素)添加行和列是一项常见的任务,尤其在处理用户交互和数据展示时。本文将详细介绍如何使用JavaScript实现这个功能,通过几个示例来解释具体实现方法。 首先,我们...

    javascript动态添加table

    在JavaScript中,动态添加table是一种常见的任务,尤其在构建数据驱动的Web应用时。这个功能允许开发者在用户交互或后台数据变化时实时更新页面上的表格。以下是对这一知识点的详细阐述: 1. **HTML表格基础** 在...

    一个动态添加table行的js例子

    首先,我们来理解这个“动态添加table行的js例子”的核心知识点。 1. **DOM操作**:动态添加和删除HTML元素,如表格的行(`&lt;tr&gt;`),需要用到DOM(Document Object Model)接口。JavaScript通过DOM可以访问和修改...

    table 使用js 高效 动态添加行

    在网页开发中,表格(Table)是展示数据的常用元素,而JavaScript(js)则提供了强大的功能来操作DOM(文档对象模型),包括动态地向表格中添加行。本篇文章将详细探讨如何使用JavaScript高效地实现表格动态添加行,...

    bootstrap-table-export.js和tableExport.js

    而“bootstrap-table-export.js”和“tableExport.js”是针对Bootstrap表格的导出插件,它们扩展了表格的功能,允许用户将表格数据导出为各种格式,如CSV、Excel、PDF等,便于数据分析和存储。 首先,我们来详细...

    table JS 添加行和删除行

    在本话题中,我们将深入探讨如何使用JavaScript来添加和删除HTML表格(table)中的行。这对于构建数据展示或者管理界面非常实用。 首先,让我们了解HTML表格的基本结构。一个简单的HTML表格由`&lt;table&gt;`标签定义,每...

    js操作table导出excel

    4. **触发导出**:添加一个按钮或其他触发导出的元素,并关联上述导出函数。 ```html ('myTable')"&gt;导出到CSV ``` 以上代码实现了将HTML表格导出为CSV文件,然后用户可以手动将其导入Excel。如果需要更高级的功能...

    js table添加删除行

    js table添加、删除行。点“添加”按钮可以添加一行,每行后面都有一个删除按钮,可以删除所在行。

    js实现漂亮的table表格

    本教程将详细介绍如何利用JavaScript (JS) 和 Cascading Style Sheets (CSS) 技术来创建一个漂亮且实用的table表格。 **一、HTML基础表格结构** 首先,我们需要在HTML文档中创建基本的表格结构。一个简单的表格由`...

    table动态添加行并编辑

    JavaScript(js)作为客户端脚本语言,使得我们能够实现表格的动态交互功能,如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中,`&lt;table&gt;`元素用于创建表格,但...

    js对Table排序经典

    在JavaScript(js)中,对HTML表格(Table)进行排序是一项常见的需求,特别是在网页交互和数据展示中。本文将深入探讨如何使用JavaScript实现点击表头进行动态排序,并处理各种复杂情况,如包含HTML标签的单元格、...

    添加删除TABLE行

    javascript添加删除table行

    JavaScript table 动态添加行,列

    var _table=document.createElement("table"); _table.id="table2"; //设置表格属性 _table.setAttribute("border","1"); _table.setAttribute("borderColor","black"); _table.setAttribute(...

    js创建table表格

    - **交互功能**:例如,添加删除行、添加列、排序等功能,这需要更复杂的JavaScript逻辑。 通过熟练掌握这些技能,你不仅可以创建简单的表格,还能构建功能丰富的交互式表格。JavaScript的灵活性和强大的DOM操作...

    js动态添加表(table、行).html

    js动态添加表(table、行).html 点击可直接运行,或查看源码

    js实现table分页可以动态生成table

    在JavaScript中实现表格(table)分页是一种常见的需求,特别是在数据量较大的网页应用中,为了提高用户体验和加载速度,我们通常会将数据分页展示。本文将深入探讨如何使用JavaScript来实现这一功能,并结合给定的...

    js动态创建table点击按钮dom table tr添加操作

    本主题主要聚焦于如何利用JavaScript动态创建一个包含表格(table)的DOM结构,并且在表格行(tr)中添加可点击的按钮。这通常用于展示数据集,允许用户进行交互操作,比如删除、编辑或查看详情。 首先,我们需要...

    jstable添加行删除行复制行

    在`jstable添加行删除行复制行.html`这个示例文件中,可以看到这些概念是如何具体实现的。通过阅读和理解代码,你可以更深入地学习如何利用JavaScript实现表格的动态管理。同时,也可以结合CSS和jQuery等库来增强...

Global site tag (gtag.js) - Google Analytics