`

Table (html)

    博客分类:
  • Html
阅读更多

1.<table id="tab" style="border-collapse: collapse;" border="1" class="table-line" bordercolor="#abcd00;"> //所有的td都会有bordercolor一样
  <tr><td class="title-line01">姓名</td><td class="title-line01">年龄</td><td class="title-line01"><a href="javascript:add();">添加</a><a href="javascript:del();">删除</a></td></tr>
 </table>

 

2. <table style="border-color: #abcd00;" >  //table外边框

 

3.<script type="text/javascript">
 
  function add(){
   var tab=document.getElementById("tab");
   var row=tab.insertRow();
   var t1=row.insertCell();
   t1.innerHTML="X";
   var t2=row.insertCell();
   t2.innerHTML="Y";
      var t3=row.insertCell();
   t3.innerHTML="<input type=\"checkbox\" name=\"box\" value=\"1\"/>";
  }
  function del() {
       var mytable = document.getElementById("tab");
        var c = document.getElementsByName("box");
        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 id="tab" align="center" style="border-collapse: collapse;" border="1" class="table-line" bordercolor="#abcd00;">
  <tr><td class="title-line01">姓名</td><td class="title-line01">年龄</td><td class="title-line01"><a href="javascript:add();">添加</a>&nbsp;&nbsp;<a href="javascript:del();">删除</a></td></tr>
 </table>

  </body>
</html>

 

分享到:
评论

相关推荐

    table转换为Html格式Table

    `TableHtml`可能是实现这一功能的C#类库或程序的名称,它可能封装了上述步骤,提供更简便的方法来完成表格到HTML的转换。 总结来说,将C#中的表格数据转换为HTML格式涉及理解C#编程、HTML表格结构以及可能的数据...

    html表格table调整列宽的例子

    HTML表格(Table)是网页布局中常见的元素,用于展示结构化的数据。在实际应用中,用户可能需要根据自己的需求调整列宽以优化查看体验。jQuery作为一个强大的JavaScript库,提供了丰富的插件来增强HTML表格的功能,...

    纯js和html可编辑的table(表格)

    "纯js和html可编辑的table(表格)"这个项目提供了一种方法,允许用户直接在网页上对表格进行编辑,增强了用户的交互体验。接下来,我们将深入探讨如何使用JavaScript (JS) 和 HTML 实现这样的功能,以及涉及的相关...

    html.rar_Table_html 音乐_音乐网站

    在这个“html.rar”压缩包中,我们关注的是一个与音乐相关的网站,特别是其主页的“table”版设计。表格在早期的网页设计中被广泛使用,用于布局和展示数据,而“Table_html”可能指的是用表格元素来组织音乐相关的...

    HTML_TABLE_数据填充处理.

    HTML表格(HTML Table)是网页设计中用于展示结构化数据的重要元素。在HTML中,我们使用`&lt;table&gt;`标签来创建表格,它包含了若干行`&lt;tr&gt;`(表格行),每一行内又包含若干列`&lt;td&gt;`(表格数据单元格)或`&lt;th&gt;`(表头...

    div table的使用

    $tableHtml .= '&lt;tr&gt;&lt;td&gt;' . $row['column1'] . '&lt;/td&gt;&lt;td&gt;' . $row['column2'] . '&lt;/td&gt;&lt;/tr&gt;'; } $tableHtml .= '&lt;/tbody&gt;&lt;/table&gt;'; // 将表格插入到div中 $divHtml = '&lt;div class="table-container"&gt;' . $...

    tableHTML:一个R包来创建闪亮的兼容HTML表

    tableHTML 概述 tableHTML的目标是创建易于CSS兼容HTML表。 它与使用HTML / CSS的任何应用程序兼容,并已成功通过以下测试: 闪亮的 Rmarkdown 微软办公软件 该软件包遵循tidyverse原理,并使用管道运算符%&gt;%将...

    html中table表格导出Excel示例(亲测可用)

    const blob = new Blob([tableHTML], { type: 'application/vnd.ms-excel' }); // 创建URL引用Blob const url = window.URL.createObjectURL(blob); // 创建隐藏的可下载链接 const a = document....

    根据jxl,对html中的table进行导出excel

    "根据jxl,对html中的table进行导出excel"这个标题所涉及的技术点主要围绕两个核心部分:一是如何解析HTML中的table元素,二是如何利用Java的jxl库将这些数据导出到Excel文件中。 首先,HTML表格是由`&lt;table&gt;`标签...

    Html中用table画斜线

    在HTML中,`&lt;table&gt;`元素是用于创建表格的关键组件,它在网页布局和数据展示中扮演着重要角色。在某些场景下,我们可能需要在表格的单元格(`&lt;td&gt;`)内添加斜线,以达到特殊的视觉效果或区分不同的信息。例如,在描述...

    HTML Table 漂亮的CSS

    在网页设计中,HTML表格(Table)是一种常用的数据展示方式,而通过应用合适的CSS(Cascading Style Sheets)样式,我们可以让这些表格看起来更加美观、专业。本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS...

    java 实现excel sheet转html table(支持xlsx)

    String tableHtml=sheetTable.toTable();//转换 workbook.close(); ...依赖:&lt;dependency&gt; &lt;groupId&gt;org.apache.poi&lt;/groupId&gt; &lt;artifactId&gt;poi-ooxml&lt;/artifactId&gt; &lt;version&gt;4.1.2&lt;/version&gt;&lt;/dependency&gt;

    html table实现复杂表头的示例代码

    使用html做复杂的表格。复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。 在html中&lt;td&gt; 标签定义 HTML 表格中的标准单元格。  (1)rowspan 属性规定单元格可横跨的行数;...table id="tab" cellpadding="1

    html中table排序

    在HTML中,`&lt;table&gt;`元素是用于展示结构化数据的标准方式。然而,HTML本身并不直接支持表格数据的排序功能。通常,我们通过JavaScript或者其他客户端技术来实现对HTML表格(table)中的数据进行动态排序。以下是一些...

    网页html -table

    table代码table代码table代码table代码table代码table代码table代码table代码table代码table代码

    HTML table的使用

    本实例将深入探讨如何有效地使用HTML `&lt;table&gt;` 元素来创建和定制表格。 首先,创建一个基本的HTML表格需要使用`&lt;table&gt;`标签作为容器,`&lt;tr&gt;`(表格行)定义每一行,`&lt;th&gt;`(表头)定义列的标题,而`&lt;td&gt;`(表格...

    HTML table表格编辑器

    "HTML Table表格编辑器"是一款工具,旨在提供一种便捷的方式,帮助用户在网页上创建、编辑和管理HTML表格。这款编辑器提供了诸如上下移动行、单元格内数据编辑等功能,大大提升了在网页中操作表格的效率。 在HTML中...

    html中table的表格样式

    在HTML中,`&lt;table&gt;`元素是用于创建表格的关键标签,它允许我们组织数据并以结构化的方式展示。本文将深入探讨HTML中的表格样式,包括基本语法、样式控制以及一些高级技巧。 首先,一个基本的表格由多个部分组成,...

    html Table 表头固定的实现

    在进行HTML页面设计时,表格(Table)是经常使用的组件之一。尤其是在需要展示数据集的场景中,表格因为其结构化的特性,可以清晰地显示数据。但有时候,我们会遇到一个问题,即当表格数据量较大时,随着页面向下...

Global site tag (gtag.js) - Google Analytics