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

table动态添加,删除行,列

 
阅读更多

 function createTr()  
{  
    var tab = document.getElementById("tab");  
    var tr = tab.insertRow();//create tr  
    //create td  
    var td1 = tr.insertCell(0);  
    td1.style.textAlign = "center";  
    td1.innerHTML = '<img src="../imgs/bt_minus.gif" width="14" height="10" border="0" onclick="DelRow();" alt="删除"/>';  
    var td2 = tr.insertCell(1);  
    td2.style.textAlign = "center";  
    td2.innerHTML = '<input type="text" name="tel" size="13" value=""/>';  
    var td3 = tr.insertCell(2);  
    td3.style.textAlign = "center";  
    td3.innerHTML = '<input type="text" name="code1" size="13"/>';  
    var td4 = tr.insertCell(3);  
    td4.style.textAlign = "center";  
    td4.innerHTML = '<input type="text" name="address" size="48"/>';  
    var td5 = tr.insertCell(4);  
    td5.style.textAlign = "center";  
    td5.innerHTML = '<input type="text" name="code2" size="13"/>';  
                    

function DelRow()  
{  
    var iIndex = window.event.srcElement.parentElement.parentElement.rowIndex;  
    var tab = document.getElementById("tab");  
    if(iIndex==-99999)  
      alert("系统提示:没有选中行号!");  
    else{  
         tab.deleteRow(iIndex);  
    }  
       
}

分享到:
评论

相关推荐

    table动态增加删除行列

    使用javascript实现table动态增加删除行列。

    table动态添加行

    在某些交互式应用中,用户可能需要动态地添加或删除表格行,以满足实时编辑和更新数据的需求。"table动态添加行"这个主题就涉及到如何在`HTML`表格中实现这些功能。 首先,我们要理解基本的`HTML`表格结构。一个...

    jquery table 添加、删除行、列

    本文将深入探讨如何使用jQuery实现表格的添加、删除行和列的功能,以便于动态更新和管理HTML表格内容。 首先,我们需要了解HTML表格的基本结构。一个基本的表格由`&lt;table&gt;`元素开始,包含若干`&lt;tr&gt;`(表格行)元素...

    jquery table 添加、删除行、列 utf-8

    在创建动态数据展示时,表格(table)是常见的元素,jQuery 提供了一些方法来帮助我们方便地操作表格中的行(rows)和列(columns)。本文将详细介绍如何使用 jQuery 实现表格的添加、删除行与列的操作。 ### 1. ...

    利用jquery给指定的table动态添加一行、删除一行的方法

    今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...

    JS动态添加、删除Table行排序(删除整行、删除整列)

    这篇教程将专注于如何使用JavaScript动态地添加、删除Table的行,并实现排序功能,包括删除整行和整列。以下是对这些概念的详细解释: 1. **动态添加Table行:** 要动态添加行,我们可以使用`document....

    bootstrap table实现双击可编辑、添加、删除行功能

    本文实例为大家分享了bootstrap table双击可编辑的具体代码,供大家参考,具体内容如下 html: &lt;table class=table id=para_table&gt; 名称 值 操作 &lt;td style=tex

    TableLayout,实现动态添加和删除行,并实现统计表格中的数据

    在这个场景中,我们将深入探讨如何使用TableLayout动态添加和删除行,以及如何实现数据的统计。 1. **动态添加和删除行** 在TableLayout中,每一行是由TableRow对象构成的。要动态添加行,首先需要创建一个新的...

    js获取table行 列 的值

    下面我们将详细介绍如何通过 JavaScript 来获取 HTML 表格(`&lt;table&gt;`)中的行(`&lt;tr&gt;`)和列(`&lt;td&gt;`)的值。 #### 核心知识点解析 ### 一、HTML 结构解析 首先,让我们来分析一下给定的 HTML 代码结构: ```...

    javascript对table的添加,删除行的操作

    在JavaScript中,对HTML表格(`&lt;table&gt;`元素)进行添加和删除行的操作是常见的前端开发任务,尤其在动态展示数据或用户交互场景下。这篇博文主要探讨如何使用JavaScript实现这些功能。 首先,我们需要理解HTML表格...

    点击table任意列选中当前行demo

    这个示例可能是为了实现用户在表格中通过点击某一列来选中整个行,以便进行进一步的操作,如编辑、删除或批量处理。下面我们将详细讨论这个功能的实现原理和涉及的技术点。 1. **HTML Table**:HTML中的`&lt;table&gt;`...

    table添加、删减行,单元格添加、修改、删除标记,对于指定标记默认生成显示,浮动定位且不会产生水平导航条

    综上所述,使用jQuery处理表格提供了丰富的交互可能性,可以轻松实现动态添加、删除行和单元格,以及根据特定标记进行操作。在实际应用中,还需要注意性能优化,避免大量DOM操作导致的性能下降。同时,合理的CSS布局...

    Vue ~ element-ui 动态表单验证,支持添加和删除操作

    在实际应用中,往往需要支持用户在表单中动态添加或删除字段。Vue的数组操作方法(如push、pop、splice等)可以帮助我们轻松地管理表单数据的增删。同时,el-form和el-table可以实时响应数据变化,实现视图的同步...

    android动态添加表格行_动态布局.zip

    在Android开发中,动态添加表格行是一个常见的需求,特别是在创建数据列表或者展示可变数据时。这个主题主要涉及Android的布局管理和控件操作。本文将深入探讨如何在Android应用中实现这一功能,主要包括以下几个...

    动态的显示table列

    2. **动态创建和删除列**:根据需求,可以使用`.append()`或`.prepend()`在表格中添加新的列,而`.remove()`则用于移除列。例如,如果用户希望增加一列,可以先创建一个新的`&lt;th&gt;`和对应的`&lt;td&gt;`,然后将其插入到...

    JavaScript动态操作表格,添加,删除行、列及单元格

    在本文中,我们将深入探讨如何使用JavaScript来动态地操作表格,包括添加、删除行、列以及单元格。这将帮助开发者在不刷新页面的情况下,实现灵活的数据管理功能。 1. **创建表格** 在HTML中,我们可以使用`&lt;table...

    bootstrapTable实现表格内数据的添加、删除、修改、查询

    bootstrapTable实现表格内数据的添加、删除、修改、查询

    jquery表格添加删除行点击按钮动态添加删除行

    本主题聚焦于如何使用jQuery实现表格中添加和删除行的功能,这在数据展示和用户交互中非常常见。通过点击按钮动态添加或删除表格行,可以提高用户的交互体验,使得数据管理更加灵活。 首先,我们需要创建一个基本的...

    动态改变表格的行和列

    要动态地添加或删除行和列,我们需要对这些元素进行操作。 1. **增加行:** 添加新行通常通过创建新的`&lt;tr&gt;`元素并将其插入到表格中来实现。例如,可以使用JavaScript的`insertRow()`方法在表格的特定位置插入新行...

    vuejs element table 表格添加行,修改,单独删除行,批量删除行操作

    Element UI是一个基于Vue 2.0的组件库,提供了丰富的UI组件,其中包括表格(Table)组件,非常适合用于实现复杂的表格操作,如添加、修改、单独删除以及批量删除行。本文将详细介绍如何在Element UI的表格组件中实现...

Global site tag (gtag.js) - Google Analytics