怎么给html页面添加网格线,如何在HTML中创建2×2网格表格

我试图在HTML中创建一个2×2网格表格，其中每个表格都是独立可折叠的。我似乎无法找出适当的解决方案。例如，下面的版本可能有些作用，但不幸的是，当R1C1表被隐藏时，第2行表与第一行相连。如何在HTML中创建2×2网格表格

2x2 table grid

table, th, td

{

border-collapse:collapse;

border:1px solid black;

width=50%

}

function setDivStyle(table, style) {

// Set the display style

var tbl = document.getElementById(table);

tbl.style.display = style;

console.log(table + " display style set to " + style)

}

Row 1

Hide R1C1

Expand R1C1

Hide R1C2

Expand R1C2

R1C1a	R1C1b	R1C1c
a	b	c
d	e	f

怎么给html页面添加网格线,如何在HTML中创建2×2网格表格相关推荐

oracle 手动添加分区,如何在oracle中创建子分区？
现在我开始学习oracle.some中的分区概念了.我现在如何管理分区,我试图在Oracle中创建子分区.我得到这个错误如何在oracle中创建子分区? SQL Error: ORA-14160: t ...
python怎么添加ui_如何在Python中创建UI
首先,我建议您从Tkinter库(内置库)开始.在这是一个使用Tkinter gui的简单程序.在import Tkinter class simpleapp_tk(Tkinter.Tk): def ...
wordpress创建_如何在WordPress中创建子页面
wordpress创建 Do you want to create a child page on your site? Pages in WordPress can be standalone or ...
Microsoft Word教程：如何在 Word 中创建文档、添加和编辑文本？
欢迎观看 Microsoft Word 教程,小编带大家学习 Microsoft Word 的使用技巧,了解如何在 Word 中创建文档.添加和编辑文本. 创建文档,打开 Word,选择「空白文档」. ...
Microsoft Word教程「1」，如何在 Word 中创建文档、添加和编辑文本？
欢迎观看 Microsoft Word 教程,小编带大家学习 Microsoft Word 的使用技巧,了解如何在 Word 中创建文档.添加和编辑文本. 创建文档,打开 Word,选择「空白文档」. ...
如何在Leangoo中创建企业
Leangoo介绍: Leangoo(中文名:领歌)是一款非常优秀的敏捷项目管理软件.Leangoo核心是看板,团队可以使用Leangoo看板进行项目或产品的需求.任务.问题.缺陷的可视化管理和协作, ...
vue 递归创建菜单_如何在Vue中创建类似中等的突出显示菜单
vue 递归创建菜单 by Taha Shashtari 由Taha Shashtari 如何在Vue中创建类似中等的突出显示菜单 (How to Create a Medium-Like Highl ...
vj节点_创意编码—如何在JavaScript中创建VJ引擎
vj节点 by George Gally 通过乔治·加利创意编码-如何在JavaScript中创建VJ引擎 (Creative Coding - How to create a VJ engine ...
如何在xshell中创建一个SSH隧道
之前讲过如何使用SSH协议连接远程,本集Xshell教程小编将深入讲解如何在xshell中创建一个SSH隧道. 在开始之前,请确保远程主机上的SSH服务器已经启用了X11 Forwarding.设置完 ...

怎么给html页面添加网格线,如何在HTML中创建2×2网格表格

Row 1

怎么给html页面添加网格线,如何在HTML中创建2×2网格表格相关推荐

最新文章

热门文章