表格边框/单元格之间分隔线的隐藏实现方法
2010-03-07 15:07
736 查看
只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示左、右边框 <table frame=vsides>
只显示上、下边框 <table frame=hsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>
表格单元格分隔线的显示与隐藏的诀窍在于rules,<TABLE>标签中有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。
去除纵向分隔线 <table rules=cols>
去除横向分隔线 <table rules=rows>
去除纵向分隔线和横向分隔线 <table rules=none>
只显示下边框 <table frame=below>
只显示左、右边框 <table frame=vsides>
只显示上、下边框 <table frame=hsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>
表格单元格分隔线的显示与隐藏的诀窍在于rules,<TABLE>标签中有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。
去除纵向分隔线 <table rules=cols>
去除横向分隔线 <table rules=rows>
去除纵向分隔线和横向分隔线 <table rules=none>
相关文章推荐
- 表格边框/单元格之间分隔线的隐藏实现方法
- 表格中单元格之间分隔线的隐藏方法
- JS实现鼠标点击展开或隐藏表格行的方法
- grid中显示blobImage上传的图片 通过本案例,我们实现blobImage上传的图片在grid表格中的显示。 grid的cellRender方法渲染单元格显示图片,例: 1 2 3 4 5
- CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法
- CSS 美化表格边框为凹陷立体效果的实现方法
- javaScript实现定时显示隐藏、BOM对象方法介绍、表单简单校验、表格换色、DOM、二级联动
- .net利用IOleCommandTarget接口实现Html编辑器表格边框的显示和隐藏(原创)
- 三种细边框表格的实现方法比较
- HTML table 标签边框问题(隐藏表格边框、单元格边框等)
- 三种细边框表格的实现方法比较(转)
- javaScript实现定时显示隐藏、BOM对象方法介绍、表单简单校验、表格换色、DOM、二级联动
- CSS 美化表格边框为凹陷立体效果的实现方法
- 实现表格边框细线化的方法
- JS实现控制表格单元格垂直对齐的方法
- table表格 列表 显示边框 解决之间的空白方法
- CSS实现表格细边框的两种方法
- JS实现鼠标点击展开或隐藏表格行的方法
- CSS 美化表格边框为凹陷立体效果的实现方法
- [置顶] element-ui 表格实现单元格可编辑的方法