`

html table行合并

    博客分类:
  • html
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test.html</title>

    <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">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
 
  <body>
        <table border="1" width="400">
   

     <tr>
        <td   width= "25% "rowspan="9">  华南 </td> 
        <td   width= "25% " rowspan="5">  广东 </td> 
        <td   width= "25% " rowspan="3">   广州市</td> 
<td   width= "25% ">   天河区</td>
     </tr>
     <tr>
        <td   width= "25% ">  越秀区 </td> 
     </tr>
<tr>
        <td   width= "25% ">  白云区 </td> 
     </tr>
<tr>
        <td   width= "25% " rowspan="2">   深圳市</td> 
<td   width= "25% ">   福田区</td>
     </tr>
<tr>
        <td   width= "25% ">  罗湖区 </td> 
     </tr>
<tr>
        <td   width= "25% " rowspan="4">  福建 </td> 
        <td   width= "25% " rowspan="2">   厦门市</td> 
<td   width= "25% ">   思明区</td>
     </tr>
<tr>
        <td   width= "25% ">  湖里区 </td> 
     </tr>
<tr>
<td   width= "25% " rowspan="2">   福州市</td>
        <td   width= "25% ">  老城区 </td> 
     </tr>
<tr>
        <td   width= "25% ">  新城区 </td> 
     </tr>
    </table>
  </body>
</html>
分享到:
评论

相关推荐

    原生JS实现HTML- TABLE 自动行合并插件

    开发者提供已排序的数据列表以及需要合并行的列名即可,无需后端二次处理数据。 该类以纯原生JS编写,无需引入任何第三方库。 调用方法:new MergeRow(['col1','col2','col3'],data).renderTbl('td001'); 详情...

    将HtmlTable 导出为Execl文件,支持合并单元格、合并行,无需Office支持

    本项目提供了一个解决方案,它支持合并单元格和合并行,无需依赖Microsoft Office,这对于那些无法安装Office环境或者希望在服务器端执行此操作的用户来说,具有很高的实用价值。 首先,我们要理解HTML表格...

    table数据相同合并单元格

    table数据相同时合并单元格,原理:逐行进行比较,相同时隐藏第二行,对第一行添加rowspan 【table数据相同时合并单元格,原理:逐行进行比较,相同时隐藏第二行,对第一行添加rowspan】

    vue-easytable合并单元格

    在这个“vue-easytable合并单元格”的主题下,我们将深入探讨如何利用Vue Easytable实现表格中的单元格合并。 在传统的HTML表格中,合并单元格通常使用`&lt;td&gt;`的`colspan`和`rowspan`属性来完成,但在Vue Easytable...

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

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

    table合并单元格的多种方法

    在表格(Table)设计中,有时我们需要合并单元格来达到特定的展示效果,例如创建标题行或列,或者为了美观和布局对齐。在HTML、CSS以及JavaScript中,都有多种方式可以实现单元格的合并。这里我们将详细探讨六种合并...

    bootstrap-table导出合并单元格

    在描述中提到的"bootstrap-table导出合并单元格"是该插件的一个高级特性,允许用户在导出表格时,将具有相同内容的单元格进行合并,以提高数据的可读性和美观性。 1. **Bootstrap Table简介** Bootstrap Table是一...

    layui table合并单元格.zip

    "layui table合并单元格.zip" 这个压缩包正是提供了关于如何在layui的表格中实现单元格合并的示例和资源。 首先,"layui table.txt" 文件可能包含了layui表格组件的基础用法和API介绍。layui的表格组件支持动态加载...

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

    在JavaScript中,动态修改表格(Table)以及合并单元格是常见的需求,特别是在处理数据展示或者报表生成时。以下将详细介绍如何使用JS实现这些功能。 首先,要动态修改表格,我们需要获取表格元素。在HTML中,表格...

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

    在HTML文档中使用JavaScript来自动合并表格中相同行的单元格是一种常见的前端开发技术。这种技术可以提高页面的可读性,尤其是在处理具有相同值的重复数据时。上述代码示例提供了一种简单而有效的方法来实现这一功能...

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

    "table-rowspan表格自动合并单元格插件"是专为HTML表格设计的一种工具,它允许开发者通过简单的操作实现单元格的动态合并、添加和删除,极大地提升了用户界面的可读性和交互性。以下是对这个插件及相关知识点的详细...

    javascript万能table合并单元格,隐藏列 html版

    - **列判断**:内层循环遍历每一行中的所有单元格 (`table.rows[i].cells.length`),并判断是否需要对当前列执行合并操作(示例中仅对前四列执行合并操作)。 - **合并逻辑**:如果发现相邻两行的单元格内容相同,则...

    table根据第一列将同名行合并(合并行)

    标题中的“table根据第一列将同名行合并(合并行)”指的是在处理表格数据时,如果发现连续的行具有相同的某一列(通常是第一列)的值,我们可以将这些行进行合并,只保留一行并整合其他列的信息。这种操作在数据分析...

    jquery table 合并相同列

    在处理表格(table)时,有时我们希望将具有相同内容的单元格(cells)进行合并,以优化视觉效果,提高用户体验。标题“jquery table 合并相同列”所提及的问题正是关于如何利用 jQuery 来实现这一功能。 首先,...

    js Table相同行合并,数量汇总

    2. **比较并合并行**:遍历数组,检查当前行与上一行是否具有相同的`&lt;td&gt;`内容。如果相同,可以合并这两行。合并的方式通常是隐藏或移除重复的行,保留第一行并在该行的`&lt;td&gt;`中添加汇总的数量。 3. **计算数量**:...

    Table相同行合并,数量汇总

    在JavaScript中,合并行涉及到了两个主要的操作:一是合并单元格(td),二是更新数量。合并单元格可以通过设置`rowspan`属性来实现。`rowspan`属性指定了一个单元格跨过的行数。例如,如果我们发现当前行和前一行是...

    ireport 子报表,行合并实例

    在实际应用中,你可能需要结合子报表和行合并功能,例如在一个主报表中展示多个产品的销售数据,并在每个产品下面显示详细的订单行,同时对某些列进行行合并以优化显示效果。 以“MySubReport”为例,这个文件可能...

    js 实现根据数组分组动态生成table(合并相同项)

    本文将深入探讨如何使用JavaScript实现这一功能,尤其是如何合并相同的行以提高数据的可读性。 首先,我们需要一个包含数据的数组。每个元素代表一行数据,可以是对象形式,例如: ```javascript let data = [ { ...

    表格合并table单元合并

    ### 表格合并table单元合并知识点详解 #### 一、表格合并的概念 表格合并是指将具有相同内容或符合特定逻辑关系的多个单元格合并为一个单元格的过程。这种操作常见于电子表格软件(如Microsoft Excel)中,但在网页...

    bootstrap-table-fixed-columns冻结列,并完善排序、列宽和合并行

    为了在项目中使用这个优化过的插件,你需要在HTML中引入Bootstrap Table的核心库和这个扩展的CSS和JS文件,然后通过设置特定的参数和方法来启用和配置冻结列、排序、列宽和合并行功能。在开发过程中,可以利用浏览器...

Global site tag (gtag.js) - Google Analytics