首页 > 其他分享 >表格里面,多个列的宽度要求不一样,如下图

表格里面,多个列的宽度要求不一样,如下图

时间:2023-11-25 20:13:19浏览次数:33  
标签:表格 第三行 如下 日期 宽度 一样

同一个表格必须实现如下效果,第二行的列和第三行的列不能一样宽,核心代码如下:colspan的总列数最好一样,需要反复测试。

 

 <table border="1" style="width: 100%;">
        <tr class="messageTrU">
            <td width="10%">物流</td>
            <td width="10%">P.O.</td>
            <td width="15%" colspan="2">付款方式</td>

            <td width="20%" colspan="4">日期</td>
            <td width="20%" colspan="4">出單日期</td>

            <td width="25%" colspan="3">PI No.</td>
        </tr>
        <tr class="messageTrTa">
            <td width="10%">編碼</td>
            <td colspan="4" width="34%">產品名稱</td>

            <td width="8%" colspan="2">單位</td>
            <td width="8%" colspan="2">數量</td>

            <td width="20%" colspan="3">單價</td>
            <td width="20%" colspan="3">總價</td>

        </tr>
    </table>

 

标签:表格,第三行,如下,日期,宽度,一样
From: https://www.cnblogs.com/741570hh/p/17855984.html

相关文章

  • # yyds干货盘点 # 盘点一个Pandas处理Excel表格实战问题(下篇)
    大家好,我是皮皮。一、前言继续接着上一篇文章说,这一篇文章我们一起来看看大佬们的解决办法。二、实现过程这里【郑煜哲·Xiaopang】和【瑜亮老师】给了一个提示,如下图所示:后来【隔壁......
  • 超实用:通过文字就可以操纵这款AI表格
    公众号「架构成长指南」,专注于生产实践、云原生、分布式系统、大数据技术分享。工具介绍今天给大家分享超实用的AI表格ChatExcel,这个工具是由北大团队在2022年3月开始开发的AI表格处理神器,上传你的表格后,只需要用文字描述你的需求,不需要你懂excel函数,AI就会自动帮你搞定。Cha......
  • Excel表格函数公式出现溢出怎么办?
    Excel是一款广泛使用的电子表格软件,它可以帮助我们进行各种计算、数据分析与处理等操作。在使用Excel时,我们通常需要使用到各种函数公式来完成不同的任务。然而,在使用函数公式时有时会出现“溢出”(Overflow)的问题,这个问题会导致计算结果不正确,甚至无法计算。那么,Excel表格函数公式......
  • Excel表格存在不同大小的合并单元格怎么排序?
    当Excel表格中存在不同大小的合并单元格时,进行排序可能会出现一些难题。因为合并单元格会影响数据的布局,导致排序结果不符合预期。下面我将详细介绍如何在包含不同大小合并单元格的Excel表格中进行排序,希望对您有所帮助。1.确定排序规则在进行排序之前,首先需要明确排序的规则......
  • 工作流引擎的主要表结构及其作用如下,下面以驰骋工作流引擎为例来说明。
     1.WF_GenerWorkFlow:该表主要用于存储流程引擎级别的数据,发起人,发起日期,workid,流程状态,流程标题,运行到的节点。2.WF_GenerWorkerList::这个表主要用于保存工作人员数据,执行人、执行节点、工作ID,是否读取,是否通过IsPass,.3.NDxxRpt*:业务数据表,表单采集的业务数据。。4.Port_*......
  • a-table 树形表格默认展开
    1、参考文献:https://blog.csdn.net/qq_52855464/article/details/125996915  v-if="dataSource&&dataSource.length"    :defaultExpandAllRows="true"后端返回的数据中包含children1.1. 默认展开所有行通过设置默认展开所有节点属性::defaultExpandAllRows="tr......
  • TableStructureRec: 表格结构识别推理库来了
    引言TableStructureRec仓库是用来对文档中表格做结构化识别的推理库,包括来自PaddleOCR的表格结构识别算法模型、来自阿里读光有线和无线表格识别算法模型等。该仓库将表格识别前后处理做了完善,并结合OCR,保证表格识别部分可直接使用。该仓库会持续关注表格识别这一领域,集成......
  • 简单的用Python采集股票数据,保存表格后分析历史数据
    前言字节跳动如果上市,那么钟老板将成为我国第一个世界首富趁着现在还没上市,咱们提前学习一下用Python分析股票历史数据,抱住粗大腿坐等起飞~好了话不多说,我们直接开始正文准备工作环境使用Python3.10解释器Pycharm编辑器模块使用requests—>数据......
  • 前端vue使用表单form或表格table时的注意事项
     如图,该table表格的data名字为:MyData因此在后面需要在表格里展示数据的时候需要给MyData赋值如下图  注意必须为 1result.data.data 不能是result.data......
  • react antd 表格固定高度
    <divclassName="ad-body"><TableclassName="area-drawing-table"rowClassName={(record,index)=>index===selectIndex?'ant-table-row-selected':''}rowKey={record=>recor......