`

表格中分隔线的隐藏方法

 
阅读更多
一、表格中单元格之间分隔线的隐藏方法
这个表格去掉了单元格之间的横向分隔线(rules=cols)


这个表格去掉了单元格之间的纵向分隔线(rules=rows)
  线
  线
这个表格去掉了单元格之间的纵向分隔线和横向分隔线(rules=none)

  其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。



二、表格边框的隐藏
这是一普通的表格

不怕 下雨
   

只显示上边框(frame=above)
   
下起雨来 该怎么办
只显示下边框(frame=below)

上不着天  
  下不着地

只显示左、右边框(frame=vsides)
  两边走开
老子姓王  
只显示上、下边框( frame=hsides)

左右  
为难  

只显示左边框( frame=lhs)
  左右
  为难
只显示右边框(frame=rhs)

光秃秃  
  全脱了
不显示任何边框(frame=void)

表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。
只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示左、右边框 <table frame=vsides>
只显示上、下边框 <table frame=hsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>
分享到:
评论

相关推荐

    RecyclerView中利用GridLayoutManager实现item四周都带有分割线效果(更正版!!!)

    我们可以在onDrawOver()方法中重写绘制逻辑,以在每个item的四周画出分割线。 以下是一个简单的自定义DividerItemDecoration的例子: ```java public class GridSpaceItemDecoration extends RecyclerView....

    网页表格分割线去除方法

    网页表格分割线的去除方法主要涉及到HTML中的`&lt;TABLE&gt;`标签的一个属性——`rules`。 `rules`属性是HTML `&lt;TABLE&gt;` 标签中的一个可选参数,它决定了表格内部的行和列之间是否显示分隔线。`rules` 可以取以下三个值:...

    隐藏tableView分割线及隐藏和现实导航栏教程共23页

    在iOS应用开发中,我们经常会遇到需要自定义用户界面的需求,比如隐藏UITableView的分割线以及控制导航栏的显示和隐藏。这些操作可以提升应用的视觉效果,使界面更加整洁、专业。下面,我们将深入探讨如何实现这两个...

    wpf 带表格线的listview

    通过上述方法,我们就可以实现一个带有表格线的ListView,使其看起来更像一个标准的电子表格。这种自定义不仅可以提升用户界面的美观度,还可以增强用户的使用体验,使他们更容易地理解和操作数据。 在提供的压缩包...

    wps表格行和列的隐藏.docx

    ##### 方法二:通过拖动行号分割线隐藏 1. **步骤一**:将鼠标光标移到行号之间的分割线上。此时,鼠标指针会变成双箭头形状。 2. **步骤二**:按住鼠标左键,上下拖动分割线。例如,若想隐藏第9行,则可以将分割...

    IOS 基础之设置 tableview 的分割线

    本篇将详细讲解如何在iOS中设置UITableView的分割线,以及如何隐藏或显示分割线。 首先,UITableView的分割线默认是单一颜色的细线,位于每个cell之间,起到区分不同数据行的作用。我们可以通过`setSeparatorColor:...

    控制台自动适应宽度表格

    1. **文本处理**:首先,需要对要输出的数据进行处理,将其转化为适合控制台显示的格式,如使用ASCII字符构建表格的边框和分割线。 2. **列宽计算**:根据每个字段的最长内容长度,以及控制台的总宽度,动态计算每...

    实战技巧—表格制作PPT学习教案.pptx

    - 在“开始”选项卡的“段落”组中,可以显示/隐藏编辑标记,然后在水平标尺上添加、删除或修改制表位。 5. **Word表格与Excel表格的区别**: - Word表格更适合排版和制作复杂的文字表格,但计算功能有限,适合非...

    ListView表格带标题

    同时,可以使用`setHeaderDividersEnabled(false)`来隐藏默认的分割线,以避免标题下方出现不必要的分隔线。 6. **监听事件**: 如果需要监听ListView的点击事件,可以实现`OnItemClickListener`接口,并在`...

    Excel2021打印表格纸张上显示不完整怎么办?.docx

    如果表格中有某个特定位置不想分割,可以通过移动或删除分页符来改变页面划分。在“视图”菜单下选择“分页预览”,然后就可以在工作表中看到分页线,通过拖动或删除这些线来重新组织页面布局。 最后,为了优化打印...

    JS固定表头和左边列(最新源码)1.9

    修复thead复制没有底部分割线的问题 修复thead复制时无背景色的问题 增加复选框同步功能(如果是JS代码设置复选框选中,需要调用 .setCheckBoxSync()方法) .setCheckBoxSync 方法参数说明:4种参数 1) 复...

    HTML表格使用从入门到精通

    - **尽量细化表格**:避免将整个网页置于一个大表格中,而是将其分割成多个小表格,如顶部导航栏、主要内容区、底部版权信息等。 **2. 动态改变表格单元格的颜色** 通过JavaScript代码可以在鼠标悬停时改变单元格...

    Grid(6)[自定义DataGrid-强制显示分列线(在不显示列头时)]

    总结,这个主题将指导开发者如何在Flex或Flash的MXML环境中,自定义DataGrid组件以强制显示分列线,即使在隐藏列头的情况下。通过深入学习和理解提供的源代码,开发者可以扩展这一技术,将其应用于更复杂和个性化的...

    Excel表格技巧合集让你工作效率翻一倍.docx

    首先,选中对象,然后插入形状(直线),接着 ALT+鼠标快速定位单元格边角,最后 F4 重复动作,添加分割线,插入文本框,调整字体。这将使得单元格更加美观,非常实用。 技巧 6:隐藏不需要显示区域 在 Excel 中,...

    电子表格Excel教学设计.pdf

    在电子表格Excel的教学中,首要任务是让学生理解Excel的基本概念和功能。Excel是一款强大的数据管理和分析工具,其界面直观,操作便捷,具有良好的兼容性和网络功能。教学目标旨在使学生能够启动和退出Excel,了解其...

    Word使用技巧与实战方法大全(2010完整版)

    - **编排试卷**:包括页面设置、密封线制作、模板设置、分栏布局、制表位调整、符号和数学公式插入、作文表格制作、答案隐藏、试卷打印等环节,全面提升试卷的编辑质量和效率。 - **目录制作**:利用Word的目录生成...

    word2003经典入门到精通教程

    指导如何将一个大表格分割成两个独立的表格,包括分割前的准备、分割过程和分割后的调整。 #### 用Word巧妙复制表格 介绍复制表格的不同方法,包括复制整个表格、复制表格样式和结构而不复制内容,以及复制表格部分...

    职称计算机考试 word2003考试试题(三).docx

    这个命令位于 **“表格”菜单** 下,可以帮助用户将一个大的表格分割成两个独立的部分。 ##### 10. 调整表格行高 - **知识点**: 调整表格行高是 Word2003 中的基本操作之一。 - **详细说明**: 用户可以通过拖动垂直...

    iOS游戏应用源代码——beetlebugorg-RoundedUITableView.zip

    4. 自定义分割线:为了保持圆角效果,可能需要隐藏默认的分割线,并通过自定义视图或者添加边框来实现。 5. 动态高度:如果单元格高度需要根据内容动态调整,可以实现UITableViewDataSource的`...

Global site tag (gtag.js) - Google Analytics