表格行折叠/展开 css

2023-12-14

我正在使用以下示例Demo由 PSL 在网站上的帖子中提供。

我有一个大表,当页面仅加载标题时,我不希望显示所有行。

我应该改变border-collapse:collapse;CSS 中的属性?


在 dom 准备好后,你可以隐藏非 header tr 元素

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

Demo: Fiddle

或者使用CSS

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

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

Demo: Fiddle

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

表格行折叠/展开 css 的相关文章

  • 如何设置 CSS 网格的最大高度

    我有以下 CSS 网格 grid 3x4 display grid grid template columns 1fr 1fr 1fr grid template rows 1fr 1fr 1fr 1fr grid template are
  • jQuery Find() 和 XML 在 IE 中不起作用

    我正在尝试使用 jQuery 来解析内存中的 XML 文档 除了 IE 之外 这在所有东西上都很有效 令人震惊 一些谷歌搜索显示 问题很可能是由于 IE 将我的文档视为 HTML 而不是 XML MIME 类型 有没有办法让我的 jQuer
  • 如何在文本区域中使用除“文本插入符号”之外的透明字体?

    我有一个简单的文本区域 我需要制作透明字母 同时允许文本插入符可见 当我应用以下规则时 我会得到隐形插入符 textarea background transparent opacity 0 当我键入不可见文本时 我需要看到文本插入符移动
  • 当所选选项是下拉列表中已选择的选项时如何接收事件?

    动机 我想动态加载一个select使用来自 AJAX 调用的值 并允许用户select加载后列表中的第一项after它获得焦点 现在 第一项是selected项目 当您单击下拉列表并单击第一项时 什么也没有发生 我无法添加任何无效选择的占位
  • 在 HTML5 中创建可拖动和可缩放的网格

    与其他 HTML5 不同如何创建网格问题 我想知道如何制作一个可拖动且可扩展的 绘制网格非常简单 var c document getElementById canvas var ctx c getContext 2d var width
  • RegisterForEventValidation 只能在 Render 期间调用

    我有一个将从 jquery ajax 调用的 webmethod WebMethod public string TestMethod string param1 string param2 StringBuilder b new Stri
  • 仅当表单已提交时才触发 jQuery 表单验证?

    不引人注目的验证基于这样的想法 don t进行表单验证 直到用户提交表单 一旦发生这种情况 如果表单上的某些内容无效 那么一旦用户更改了每个字段 就会立即验证它 我想做的是 不显眼地 触发表单元素的验证 也就是说 only如果用户已尝试提交
  • 取消html5浏览器中的单图请求

    我正在动态加载 大 图像以绘制到 html5 画布中 如下所示 var t new Image t onload t src http myurl 但每隔一段时间就会想取消图片请求完全地 我想出的唯一方法是设置src to i e t sr
  • 如何在ASP.NET Webform中使用Jquery表单插件?

    我遇到了这个插件 http malsup com jquery form getting started http malsup com jquery form getting started 我想知道如何在 ASP NET WebForm
  • 为什么点击内容后放大的ajax弹出框会关闭

    请帮助我 我一直在尝试让放大的弹出ajax框显示登录表单 似乎表单出现了 但是一旦我单击表单或ajax主体中的任意位置 它就会消失 下面是代码 document ready function ajax popup link magnific
  • 如何使用 JavaScript 中的值填充下拉列表?

    我在 Tridion CMS 扩展中的功能区工具栏按钮中添加了一个按钮 单击该按钮后 将显示一个弹出页面 其中包含两个下拉菜单 通过更改第一个下拉控件中的值 我应该填充第二个下拉控件的值 就我而言 我正在使用ASP drop down li
  • 防止浮动换行,直到元素达到最小宽度

    我有可变宽度的 HTML 布局 内容左侧有一个固定宽度的菜单 div 可变宽度 由 css max width 和 min width 设置 对于非常窄的浏览器窗口 我希望内容包裹在菜单下方 我目前通过设置来实现这一点float left在
  • jQuery 选择 # id 以单词为前缀,计数器为后缀

    有没有办法用 jQuery 选择所有带有前缀 my 和后缀 0 9 的 id 像这样的 my 1 4 还是可以用循环来实现 div div div div div div div div div div 第一个想法 似乎效果很好 div i
  • 如何将此 HTML 表格布局解决方案转换为浮动 div 解决方案?

    我经常需要列出各种尺寸的项目images在左边和text在右边 像这样 替代文本 http www deviantsart com upload 7s01l5 png http www deviantsart com upload 7s01
  • 按百分比设置 bootstrap 模态身高

    我正在尝试制作一个带有主体的模态 当内容变得太大时 该主体会滚动 但是 我希望模式能够响应屏幕尺寸 当我将最大高度设置为 40 时 它没有任何效果 但是 如果我将最大高度设置为 400px 它会按预期工作 但不会响应 我确信我只是错过了一些
  • 如果链接包含特定文本,jQuery 将类添加到 href

    我的网站上的列表中有一些动态填充的链接 这些链接链接到文件 是否可以使用 jQuery 查看文件名是否以 pdf 结尾 并在 href 或类似的链接文本以 mp3 结尾时添加一个类 例如 我的列表中有以下链接 文件1 pdf 歌曲1 mp3
  • 当用户单击链接时,如何记录 MixPanel 事件?

    当用户单击某种类型的链接时 我试图在 MixPanel 中记录一个事件 我正在使用 JQuery 不引人注意地完成此操作 据我所知 我需要添加一个回调函数 以便在记录事件后将用户带到 URL 这是我正在使用的代码 不幸的是
  • 为范围旋钮 ionic-range 添加边框颜色

    我正在使用离子范围添加范围滑块 并想向范围旋钮添加边框 由于它的 ionic4 和范围旋钮是 Shadow dom 的一部分 我无法使用范围旋钮的 border 属性直接更改边框 我已附上我想要实现的图像 范围旋钮周围有白色边框 现有属性只
  • 闪亮井板宽度

    library shiny library shinydashboard ui lt dashboardPage dashboardHeader dashboardSidebar dashboardBody wellPanel tags d
  • 带显示块的SPAN

    和默认有什么区别 div 元素和默认值 span 元素与display block HTML 元素的有效性和语义存在差异 否则它们是相同的 div and span两者都被定义为通用容器 在 HTML 方面没有更深层次的含义 一个默认为块显

随机推荐

  • SQL 查询 SELECT FROM [来自另一个表的列的值]

    我有一个表 X 当某些表发生更改时 触发器将在其中插入一行 我已将表名插入到表 X 中 现在 我想select表 X 中的数据inner join与实际的表格本身 是否可以使用 select 表的列中的值作为内连接的表 查询应该看起来像这样
  • 蟒蛇 | Numpy 数组图像转换

    我有一个具有形状的 Numpy 图像数组 1000 50 100 3 class numpy ndarray 其中包含 1000 个 RGB 图像 高度 50 宽度 100 通道 3 我想先转换RGB价值观YUV值并重新调整它们以获得yuv
  • 通过 Facebook SDK 3.1 支持 iOS 5 和 iOS 6

    我有一个应用程序当前支持使用旧版 Facebook SDK for iOS 通过提要对话框发布到 Facebook 更新到 iOS 版 Facebook SDK 3 1 后 我似乎可以 使用旧式 API Facebook h 实例化一个Fa
  • 使用数据从 Razor 页面重定向

    我需要通过重定向来传递集合 但 RedirectToPage 仅通过 GET 请求发送 是否有另一种方式 通过重定向发送数据 public class ListModel PageModel List
  • Android 向左滑动还是向右滑动?

    如何在 ListView 中检测到有人向左或向右滑动 You ll be wanting this excellent tutorial site died here s a new link http jsharkey org blog
  • 用于绘图的反向变换“scale()”

    我有一个以使用为中心的解释变量scale 用于预测响应变量 d lt data frame x runif 100 y rnorm 100 d lt within d s x lt scale x m1 lt lm y s x data d
  • 在 Python Django 中运行单元测试时如何禁用日志记录?

    我正在使用基于简单单元测试的测试运行器来测试我的 Django 应用程序 我的应用程序本身配置为在 settings py 中使用基本记录器 logging basicConfig level logging DEBUG 在我的应用程序代码
  • 熊猫字典到数据框 - 列乱序?

    我进行了搜索 但没有看到与这个特定问题相关的任何结果 我有一个 Python 字典 并将我的字典转换为 pandas 数据框 pandas DataFrame data dict 它可以工作 但只有一个问题 我的 pandas 数据框的列与
  • set @flag =1 和 set @@flag = 1 之间的区别

    你好 有什么区别 set flag 1 and set flag 1在 SQL Server 中 谢谢 没有什么 一些内置函数的名称以双 at 符号开头 作为一个惯例 为了避免混淆 通常建议您不要使用以 Source MSDN 使用标识符
  • 使用 Json.NET 反序列化包含数字键的 JSON

    我想将以下 JSON 使用 Json NET 反序列化为一个对象 但不能 因为类名需要以数字开头 这方面的一个例子是维基百科文章 API 使用API提供 JSON 响应会返回类似这样的内容 请注意 16689396 在 的里面 pages
  • 将 javascript 中字符串中的所有逗号分隔数字替换为点分隔数字

    假设有一个带有数字的字符串 例如 test test 12 01 test 12 4 12 3 s 2 some other text other text 2 text 我需要将带逗号的数字替换为带点的相同数字 并且不更改任何其他内容 所
  • 为什么 gcc 中“-l”选项的顺序很重要? [复制]

    这个问题在这里已经有答案了 我正在尝试编译一个使用udis86图书馆 实际上我正在使用中给出的示例程序用户手册图书馆的 但是编译的时候却报错 我得到的错误是 example c text 0x7 undefined reference to
  • JavaScript 中缺少分号导致 IE9 中出现“‘foo’未定义”错误

    我只花了大约四个小时来解决这个问题 我知道是什么原因造成的 但不知道为什么 为什么 困扰着我 我有以下 js 文件 function funcA function funcB do while 1 1 return 0 我还有以下 HTML
  • 制作 FPS 淋浴? [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我正在尝试制作一个显示 FPS 的字符串 但是 我如何真正获得我的程序 FPS 我想用 g drawString getFPS 10 10 我如何获得我的 FPS 这段代码适合我
  • void 方法不能返回值

    我正在网上关注 CS106A 讲座 我正在查看第 12 讲中的代码 但它在 Eclipse 中给了我错误 这是我的代码 看来错误是因为我的中的 void 这个词main方法 我尝试删除main方法 但是Java当然不能没有它运行 我是新手
  • 如何使 HandleErrorAttribute 与 Ajax 一起使用?

    在我的 ASP NET MVC 2 应用程序中 我使用 HandleErrorAttribute 在出现未处理异常的情况下显示自定义错误页面 并且除非异常发生在 Ajax ActionLink 调用的操作中 否则它可以正常工作 在这种情况下
  • 是否可以使用Javascript关闭Android浏览器?

    我想在网页中放置一个 关闭 按钮 我们的客户想要这样做 当我单击此按钮时 我想关闭浏览器 不是当前选项卡 而是 Android 浏览器 IE Firefox Chrome 等中的 浏览器 我查了一下 找到了一个方法 window close
  • 有没有办法用 Pillow 绘制渐变颜色的文本?

    我即将创建一个带有文字的图像 到目前为止一切正常 现在 为了进行微调 我认为使用渐变颜色的文本会很好 这就是我的重点现在 at 这就是我want具有 我已经成功生成了以下图像 使用该脚本 from PIL import Image Imag
  • Java中易失性和同步的区别

    我想知道将变量声明为volatile并且总是访问 a 中的变量synchronized this Java 中的块 根据这篇文章http www javamex com tutorials synchronization volatile
  • 表格行折叠/展开 css

    我正在使用以下示例Demo由 PSL 在网站上的帖子中提供 我有一个大表 当页面仅加载标题时 我不希望显示所有行 我应该改变border collapse collapse CSS 中的属性 在 dom 准备好后 你可以隐藏非 header