HTML中的THEAD,TBODY,TFOOT,th标签

「HTML和CSS入门指南」thead 标签详解 thead 标签是一个重要的标签,在 HTML 中用于标识表格的表头。使用 thead 标签可以帮助您提高表格的可读性和理解性。在使用 thead 标签时,请注意选择正确的属性和方法、提供适当的标签、描述文本和无障碍功能,并避免兼容性问题。 阅读详情

function getPrintDetailBySheetId(sheet_id){
  var url = "<%=_base%>/agent/cimAgentSett!getPrintDetailPPBySheetId.so?sheet_id="+sheet_id;
   openwin(url,900,500);
}

 

<table id="sortTable" width="100%" cellpadding="0" cellspacing="0">
     <THEAD>
      <tr>
       <!-- nowrap 属性规定表头单元格中的内容不换行-->

       <!-- 用th标签把表格头的内容显示在其中-->
       <th nowrap onclick="sort()">
        申领单编号
       </th>
       <th nowrap onclick="sort()">
        收款单位
       </th>
       <th nowrap onclick="sort()">
        申请项目
       </th>
       <th nowrap onclick="sort()">
        开始帐期
       </th>
       <th nowrap onclick="sort()">
        结束帐期
       </th>
       <th nowrap onclick="sort()">
        返利金额
       </th>
      
       <th nowrap onclick="sort()">
        填单日期
       </th>
       <th nowrap onclick="sort()">
        状态
       </th>
       <th nowrap onclick="sort()">
        支付方式
       </th>
       
       <th nowrap onclick="sort()">
        备注
       </th>
       <th nowrap>
        操作
       </th>
      </tr>
     </THEAD>
     <TBODY>
      <%
          int i = 0;
      %>
      <s:iterator value="cimApplySheets">
       <tr>
        <td nowrap>
         <a
          href="javascript:getPrintDetailBySheetId(<s:property value='sheet_id'/>);">

         <!-- 这里href的书写格式:点击这个链接会调用js函数getPrintDetailBySheetId(传递的参数值)-->
          <s:property value="sheet_id" /> </a>
        </td>
        <td nowrap align="center">
         &nbsp;
         <s:property value="agentName" />
        </td>
        <td nowrap align="center">
         &nbsp;
         <ai:write name="projectId" dictId="CIM_APPLY_PROJECT"></ai:write>
        </td>
        <td nowrap align="center">
         &nbsp;
         <s:property value="makeMonthStart" />
        </td>
        <td nowrap align="center">
         &nbsp;
         <s:property value="makeMonthEnd" />
        </td>
        <td nowrap align="center">
         <s:property value="payMoney"/>
         &nbsp;

         <!--埋一个返利金额的数据-->
         <input type="hidden" value='<s:property value="payMoney"/>' name="payMoneyc"/>
        </td>
      
        <td nowrap align="center">
         &nbsp;
         <s:date name="dcreate_time" format="yyyy-MM-dd" />  
        </td>
        <td nowrap align="center">
         &nbsp;
         <ai:write name="status" dictId="CIM_STATUS"></ai:write>
        </td>
        
        <td nowrap align="center">
         &nbsp;<s:property value="is_send_zg_name" /><!--支付方式-->
        </td>
      
        <td nowrap align="center">        
         &nbsp;<s:property value="send_reason" />><!--备注-->
        </td>
        <td nowrap align="center">><!--操作-->
         &nbsp;
         <input name="Submit6" type="button" class="simpleButton"
          value="备注" onclick="addReason(<s:property value='sheet_id'/>)"
          accesskey="R" title="快捷键ALT+R">
         <input name="Submit1" type="button" class="simpleButton"
          value="发票" onclick="inc(<s:property value='sheet_id'/>)"
          accesskey="I" title="快捷键ALT+F">
         <input name="Submit2" type="button" class="simpleButton"
          value="作废" onclick="fail(<s:property value='sheet_id'/>)"
          accesskey="F" title="快捷键ALT+P"> 
       
         <s:if test="sendFlag==0">
          <input name="Submit5" type="button" class="simpleButton"
           value="发送" onclick="send(<s:property value='sheet_id'/>);"
           accesskey="S" title="快捷键ALT+S">
         </s:if>
        </td>
       </tr>
       <%
           i++;
       %>
      </s:iterator>
      <tr>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td><b>小计:</b></td>
       <td><b><span id="moneyXJ"></span></b></td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       
      </tr>
     </TBODY>
    </table>

HTML表格标签详解与应用 本文将深入探讨HTML中的表格相关标签,如TBODY、TD、TFOOT、TH、THEAD和TR,并详细说明它们的属性和用途。通过这些标签和属性,我们可以创建结构化和功能丰富的表格布局。 阅读详情

相关推荐

固定table的thead表头

固定table的thead表头

史上最详 Thymeleaf 使用教程

主要介绍 Thymeleaf 的基础用法、内联、模板布局、预定义的工具对象。整体来看Thymeleaf 使用语法还是很强大的,但是我这里不会强烈安利你使用 Thymeleaf,正如 Thymeleaf 官方所说:“无论如何,比较技术的最好方法是自己使用它们,并感觉哪个最适合你!” 你同样可以选择使用 Velocity 或 FreeMarker。

程序员小奎的博客 3万+

HTML thead 标签定义和用法详细介绍

thead 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容,thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组,需要的朋友可以参考下

html不能忘得基础知识

(1)基本语法 http://www.sina.com" target="">sina target属性确定链接页面显示的窗口 _blank(新窗口), _self(原窗口) (2)文档内导航 … … … to top (3)发送邮件 mailto:eric_ct@126.com?subject=hello">发送邮件 (4)图片作为链接 (5)图片

yu851293483的专栏 514

熵编码(五)-CABAC(一) 基础篇

前两篇算术编码文章介绍了算术编码原理和步骤。本篇文章介绍CABAC,基于上下文自适应的二进制算术编码。本文对CABAC的基本原理进行了详细的介绍和分析,下篇文章将会对H264编码中的CABAC熵编码的实际应用进行介绍。

尹佑壮的博客 3880

RV1126上YOLOv8部署实战:从模型转换到板端推理的完整避坑指南

本文提供了在瑞芯微RV1126芯片上部署YOLOv8目标识别算法的完整实战指南。内容涵盖从模型转换、环境搭建到板端推理代码编写的全流程,重点解析了RKNN-Toolkit使用、量化配置、内存优化及后处理实现等关键环节的常见问题与解决方案,旨在帮助开发者高效避坑,实现边缘AI应用的稳定落地。

pz89012345的博客 568

前端-基础 表格标签 - 表格结构标签 ( <thead> <tbody>)

表格标签的大体结构

三毛与海子的博客 2231

FAST-LIO2:论文和算法解析

本文介绍了FAST-LIO2算法:一种快速、鲁棒、通用的激光雷达-惯性里程计框架。FAST-LIO2基于高效的紧密耦合迭代卡尔曼滤波器,具有两个关键的新颖之处,可实现快速,稳健和准确的激光雷达导航(和测绘)。第一种方法是直接将原始点注册到地图上然后更新地图,而不提取特征。这样可以利用环境中的细微特征,从而提高准确性。消除手工设计的特征提取模块,也使其能够适应不同扫描模式的新兴激光雷达;

超爱吃小蛋糕的66的博客 1万+

html:messages的使用

消息(错误)显示ActionMessages messages = new ActionMessages();messages.add(ActionMessages.GLOBAL_MESSAGE, new ActionMessage("userForm.insert", info.getUserName());messages.add("activationDate", new ActionMes

kaka0324的专栏 2868

Nordic BLE芯片RF测试

BLE设备在过蓝牙BQB,FCC,ETSI等各种认证时实验室一般都需要做RF各项指标的测试。Nordic公司的SDK包中提供了两种RF测试程序,一种是DTM,另一种是Radio test。这两种都可以做RF指标测试但各自又有区别。DTM是按照蓝牙规范中Direct test mode所要求数据格式测试(数据格式定义参看:Bluetooth Core Specification v5.0->...

5639

STM32解码EM4100的曼彻斯特编码(库函数版本)

前言: 前些日子老师布置一个任务叫我们焊接一个RFID读卡器,其中刚好我们手上也有一个STM32F103RBT6开发板,老师于是布置任务叫我们用STM32完成对EM4100进行读卡操作 EM4100简介: 中 文 名:EM4100卡 存储容量:64bit 工作频率:125KHZ 读写距离:2-15cm 产品名称:EM4100/EM4102卡 芯片类型:μEM瑞士微电 EM4100/EM4102 擦写寿命:读不限,只读 外形尺寸:ISO标准卡/厚卡 封装材料:PVC、ABS 典型应用:身份识别、考勤系统、门禁

Gancenty 8599

HTML表格(table、tr、td、th、thead、tbody、tfoot标签)

目录 HTML表格 table表格属性 ***HTML表格** <!DOCTYPE html> <html> <head> <title>表格</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </hea...

拾Miss~博客 3万+

PCL 切片法实现点云模型的体积测量、面积测量(二)

通过PCL VTK进行切片法,实现点云模型的体积测量、面积测量。

weixin_43896283的博客 1711

怎么获取自动生成的tbody中的tr标签的属性值_HTML标签介绍(table)

table<table>​developer.mozilla.orgHTML的 table元素表示表格数据 — 即通过二维数据表表示的信息。table里面包括三个子元素--thead,tbody,tfoot,表头,内容和尾部。thead,tbody,tfoot里面有tr,代表table row,表的一行。tr里面有th和td,th代表这一行的行头,和里面的内容td,td就是table ...

weixin_39671509的博客 1156

低功耗设计-Power Switch

power gating与power switch cell

m0_61544122的博客 1万+

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

html标签的表格的tbody、tfoot、thead、colgroup、th、tr、td、table

关于table标签的写法示例:           ISBN     Title     Price ISBN     Title     Price         3476896     My first HTML     $53 3476896     My first HTML     $53         2489604  

火焰 3737

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

html中 table的结构 彻底搞清 caption th thead等

正因为有太多 随意 称呼的 教法, 所以 感到很困惑, 如, 很多人把th叫标题. 那人家 caption怎么想, th只是一个跟td一样的角色, 只是对他进行加粗 加黑了而已, 用于某些单元格的内容 具有 "总起, 总领, 总结, 总计 "之类的语义时... 在html中写table的时候,要注意它的结构, 和所包含的 标签层次. 要得到 一个 空的 单元格, 直接写 <td>&...

Lerch_Wang的博客 3325

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

HTML小白入门学习-表格标签

话说上文,我们对HTML的表单类标签进行简单的学习和认识, 分别是<form>、<input>、<textarea>、<label>、<select>和<button>这几个标签。与表单标签有一字之别的表格标签,就是本文的主角。本篇文章将带着大家认识HTML标签中较为常用的表格标签。table标签用来表示一个表格,表格的组成我们有很多角度可以剖析,比如一个表格是由行和列组成的,比如一个表格是由表头和表主体组成的,再比如一个表格是由一个个单元格组成的。

weixin_45125466的博客 2368

html table th分层,html中 table的结构 彻底搞清 caption th thead等

正因为有太多 随意 称呼的 教法, 所以 感到很困惑, 如, 很多人把th叫标题. 那人家 caption怎么想, th只是一个跟td一样的角色, 只是对他进行加粗 加黑了而已, 用于某些单元格的内容 具有 "总起, 总领, 总结, 总计 "之类的语义时...在html中写table的时候,要注意它的结构, 和所包含的 标签层次.要得到 一个 空的 单元格, 直接写 就好了, 或许可以加 ...

weixin_29009501的博客 1073

html中th与thead的详细区别

HTML中的table可以bai大致分为三个部分: thead ----------表头 tbody ----------表躯干 tfoot ----------表注 一般来说:数据的标题放在thead里面,数据放在tbody里面,表格的注释放在tfoot里面。 thead, tbody, tfoot三个标签的使用目的是把一个表格分成三个大的部分,每个部分存放不同的东西,这样这个表格就会比较有结构。所以说:thead, tbody, tfoot相当于三间房子,每间房子都可以用来放东西,主要是把比较相同的东西

野生码农 6791

html-3,table 表格标签 tr th td caption thead tbody tfoot 的简单使用

1 <!-- 2 table border='1' style="border-collapse:collapse;" 3 border 表格的像素宽度 4 border-collapse:collapse 为表格设置合并边框模型 5 tr 表格行 一个tr包含多个th 或td 6...

weixin_30325971的博客 267

HTML table 标签

html table 标签

monian187的博客 599

表格标签

table tr td th caption thead tbody tfoot <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格标签</title> </head> <body> <!-- 表格标签 在html中大小表示方式 默认单位是px 使用百分比 设置尺寸 高度 宽度 一般相对于父标签的尺寸.

czw的博客 125

前端html小技巧—table表标签与换行解析

今天分享下”前端html小技巧—table表标签与换行解析“这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 何为table:table者Html表格也是数据的载体。 以下是一个比较标准的table代码写法: XML/HTML Code复制内容到剪贴板 <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> &

yunduanaoligei的博客 4921
上一篇: struts2中form的theme属性
下一篇: JavaScript toFixed() parseFloat() 函数
msg_java2011
博客等级 码龄15年 18粉丝 45原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值