表行折叠/展开CSS

Awena

在网站上的帖子中使用了PSL提供的以下示例Demo

我有一张大桌子,当页面仅加载标题时,我不希望所有行都显示。

我应该更改border-collapse:collapse;CSS中属性吗?

阿伦·P·约翰尼

准备好dom后,您可以隐藏非标头tr元素

$('.header').find('span').text('+')
$('table tr:not(.header)').hide()

演示:小提琴

或使用CSS

tr.header {
    cursor:pointer;
    display: table-row;
}
tr {
    display: none;
}

确保将默认切换设置为 <span>+</span>

演示:小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用纯CSS展开和折叠文本?

来自分类Dev

用CSS展开和折叠

来自分类Dev

折叠和展开在CSS中不起作用

来自分类Dev

使用CSS折叠和展开元素

来自分类Dev

展开/折叠仅用CSS动画的菜单列表

来自分类Dev

默认情况下在展开和折叠表中隐藏行

来自分类Dev

展开折叠图标更改引导CSS

来自分类Dev

通过jQuery折叠表行

来自分类Dev

展开/折叠表格行

来自分类Dev

仅展开CSS时折叠一个元素

来自分类Dev

PHPExcel如何为行组设置折叠和展开?

来自分类Dev

单击表的父行中的链接时,展开和折叠子行

来自分类Dev

Bootstrap折叠表行

来自分类Dev

导航表的内容展开和折叠Bootstrap 4

来自分类Dev

单击某个对象后如何展开/折叠整个HTML表

来自分类Dev

使用嵌套表全部展开/折叠-jQuery Datatables

来自分类Dev

使用jQuery折叠/展开嵌套表

来自分类Dev

在表格行中展开和折叠

来自分类Dev

用CSS展开和折叠

来自分类Dev

展开折叠图标更改引导CSS

来自分类Dev

在jQuery中展开和折叠表格行

来自分类Dev

如何在vaadin树形表中隐藏展开/折叠图标?

来自分类Dev

通过按钮展开和折叠行

来自分类Dev

ng-table的展开和折叠行不起作用

来自分类Dev

单击行展开并折叠

来自分类Dev

单击表的父行中的链接时,展开和折叠子行

来自分类Dev

Bootstrap折叠表行

来自分类Dev

在 html 中展开折叠表不起作用

来自分类Dev

带有数据表的子表(展开/折叠)