如果为空则隐藏表格行

2024-01-07

我的 JSP 中有一个表,当生成页面时,该表可以为空,我想知道是否有办法仅在它们中没有实际文本的情况下隐藏它们,这是它们的样子。

<TABLE border="1" style="empty-cells:hide;padding-left:4px">
<TR>
    <TD><s:property value="barfoo"/></TD>
    <TD align="center"><s:property value="foo"/></TD>
    <TD align="center"><s:property value="bar"/></TD>
    <TD align="center"><s:property value="foobar"/></TD>
</TR>
<TR>
    <TD><s:property value="barfoo"/></TD>
    <TD align="center"><s:property value="foo"/></TD>
    <TD align="center"><s:property value="bar"/></TD>
    <TD align="center"><s:property value="foobar"/></TD>
</TR>
<TR>
    <TD><s:property value="barfoo"/></TD>
    <TD align="center"><s:property value="foo"/></TD>
    <TD align="center"><s:property value="bar"/></TD>
    <TD align="center"><s:property value="foobar"/></TD>
</TR>
<TR>
    <TD><s:property value="barfoo"/></TD>
    <TD align="center"><s:property value="foo"/></TD>
    <TD align="center"><s:property value="bar"/></TD>
    <TD align="center"><s:property value="foobar"/></TD>
</TR>
</TABLE>

但问题是并非所有这些都会一直被填写,有时它们基本上会返回空值,只留下一个空白空间,只有当它们要以任何方式留下空白空间时,我才想隐藏它们使用适用于大多数浏览器的简单解决方案来隐藏该空白区域?


你可以使用CSS:empty pseudo-class

tagname:empty {
 display: none;
}

This pseudo-class样式空元素...

在使用它之前请确保它尚未得到广泛支持,很可能 IE 会导致问题

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

如果为空则隐藏表格行 的相关文章

  • JavaScript 跨浏览器单击 HTML DOM 元素

    是否有可用的普通 JavaScript 跨浏览器函数能够触发 HTML DOM 元素 包括 div 等非表单元素 上的单击事件 大多数走这条路的人要么最终开发自己的事件管理系统 这并不难 但很烦人 要么在可用的功能范围内工作 如果所有浏览器
  • 使用jquery和css点击按钮后旋转div文本

    我想使用 jquery 和 css 单击按钮后旋转 div 文本 如果用户点击Rotate Left按钮 然后文本在左侧旋转 or用户点击Rotate Right按钮然后文本在右侧旋转 Example div Happy Birthday
  • 使用 JSON 文件动态更新 HTML 内容?

    我想创建一个 JS 循环 使用 jQuery 来查看 JSON 文件 并根据是否 div ids 与 JSON id 值匹配 这需要易于扩展并且无论有多少人都可以工作 div 添加了盒子 我有一个 HTML 文件 设置如下 div clas
  • Firefox 忽略背景大小的 css

    尝试使用背景大小 CSS 规则缩小图像 但 Firefox 3 5 似乎会忽略该规则 CSS privatejoker background aqua url styles images home privatejoker png no r
  • iFrame 未扩展至 100% 高度

    我有这个下面的html 我希望 iFrame 能够 100 覆盖屏幕的其余部分 我在高度属性中尝试了 100 和 但不起作用 这是为什么 谢谢 div img height 35 width 84 alt Kucku src Content
  • 输入和文本字段中的背景颜色

    我想更改表单文本和输入字段中的颜色背景 但是当我这样做时 它也会影响提交按钮 是否可以通过其他不影响按钮的方式来完成 我用过这段代码 input textarea background color d1d1d1 input type tex
  • 如何为 HTML5 音频元素制作加载栏?

    我正在尝试为 HTML5 音频元素制作一个加载栏 显示加载 缓冲的百分比 对于视频标签 可以使用以下方法进行计算 video buffered end 0 video duration 但我无法让它与音频标签一起使用 它只是返回一个固定值
  • 光滑的旋转木马不工作

    我一直在尝试简单地实现 Slick Carousel 的工作 我已按照 Git 页面上的说明进行操作 https github com kenwheeler slick https github com kenwheeler slick 这
  • 在 IE10 中禁用捏合放大

    在 IE10 触摸模式下 我希望仅使页面的特定部分可缩放 其余的不应该 我找到了这个 http msdn microsoft com en US library ie hh772044 aspx http msdn microsoft co
  • 单击输入字段会触发窗口调整大小

    我有一个带有徽标 菜单和搜索的标题 当我在桌面上时 我会按该顺序显示所有元素 但如果我的窗口宽度小于 980 像素 菜单会隐藏 有一个切换按钮 并且徽标会与nav并附在徽标之后 如果宽度更大 则徽标将再次分离并附加到 DOM 中的旧位置 w
  • 使组合高度等于浏览器窗口的高度

    http featuredfotografer com http featuredfotografer com Codemirror div 与 header div 结合占用的高度超过了浏览器的高度 我怎样才能使它们的总高度达到浏览器窗口
  • canvas.getContext('2D') 返回空值

    我创建了一个画布并将其命名为getContext 方法 但它返回null为上下文 这是我使用的代码 我在控制台中得到了这个
  • 仅水平 CSS 视差效果,层数大于 100vw

    如何用水平引导网站仅 CSS 视差效果 要求 仅 CSS 视差 父层必须具有宽度 高度 100vw 100vh 子层的宽度 高度必须 gt 100vw 100vh child layers must visually align 100 w
  • 如何在 div 容器内的元素之间留出空间

    我有一个弹性容器 它将由元素动态填充 容器没有固定宽度 I use max width max content 并且可以包含我想要的任意数量的元素 问题是我需要这些元素之间的间距 但不需要元素和容器之间左侧和右侧的间距 当然我可以用 ele
  • 从网站存储数据的最简单方法(在服务器端)

    我有一个非常简单的网站 实际上是单页 有一个输入字段和一个按钮 我需要将用户提交的数据存储在服务器端的某个位置 完美的方法可能是简单的文本文件 并在每次单击按钮后附加新行 日志文件也可以 据我了解 JavaScript 本身是不可能的 我在
  • 使用溢出时无法隐藏滚动条:auto

    我有这个CSS div background color red position relative height 414px overflow auto width 902px margin 0px auto 我尝试过overflow y
  • 如何将当前元素传递给 Knockout.js 绑定中的 Javascript 函数?

    因此 我尝试根据是否选中子复选框 使用 Knockout js 将类添加到元素 为此 我试图通过this作为我的函数的参数 目前 我的精简 DOM 结构如下 tr td td tr
  • xpath:选择中断标签之前和之后的文本节点

    考虑以下因素 混合 br and br text1 br text2 br text3 br text4 br text5 如何找到每个文本节点 我正在考虑符合 br 标签之前或之后的条件的东西 但不确定是否 br and br 在 xpa
  • 响应式导航栏隐藏其下方的元素

    我创建了一个响应式导航栏 但它使下面的元素 Flexslider 插件 消失 在我制作导航栏之前 下面的 Flexslider 可以正常显示 但现在不行 导航栏的 z index 为 2 所以我不知道问题是什么 我应该如何 更改什么才能允许
  • 跨浏览器:禁用输入字段的不同行为(文本可以/不能复制)

    我有一个被禁用的输入 html 字段 在某些浏览器 Chrome Edge Internet Explorer 和 Opera 中可以选择并复制文本 但至少在 Firefox 中这是不可能的 您可以通过在不同浏览器中执行以下代码来测试

随机推荐

  • Gradle 不包括已发布的 pom.xml 中的依赖项

    我有一个 Gradle 项目 我正在使用Maven 发布者用于将我的 Android 库安装到 Maven 本地和 Maven 存储库的插件 这可行 但生成的 pom xml 不包含任何依赖项信息 是否有解决方法来包含该信息 或者我是否被迫
  • 通过从当前日期减去秒来获取日期时间

    我想从日期中减去秒 例如 假设我有 1300 秒的无符号整数 我想获取当前日期和时间 从中减去 1 300 秒 最后得到 01 13 2012 2 15 PM 格式并不重要 我确实尝试过 DateTime dt new DateTime d
  • 为什么我无法截取 MPMoviePlayerController 的屏幕截图?

    我需要捕获在 mpmovieplayer 控制器中播放的视频的屏幕截图 但我得到的只是一个红色屏幕 我用红色背景和 0 5 alpha 制作了 coverView 这是代码 NSArray windows UIApplication sha
  • 使用 Groovy(Grails) 写入文件的某些行失败(断行)

    我正在使用 Groovy 在 csv 文件中进行大量写入 更具体地说 我有一个正在运行的 Quartz 作业 它创建一些发送到 RabbitMQ 队列的 Map 消息 该队列正在被 10 个消费者使用 并导致生成一些字符串列表 对于列表中的
  • 如何解决私有字节(本机内存)泄漏?

    我正在开发一个 C 应用程序 该应用程序似乎存在泄漏 我使用过内存分析器并发现我的 私有字节继续增加但是所有堆中的字节数不 这意味着可能是本机内存泄漏 现在我陷入困境 如何找到本机代码中的内存泄漏 首先 如果您有泄漏进程的转储 您可以在 W
  • 如何在按钮单击时使用 TypeScript

    我正在尝试在我的应用程序中使用打字稿 同样 我正在做一个 POC 在 POC 中我想在单击按钮时调用 TypeScript 类中定义的函数 可以调用函数吗 如果是的话怎么办 到目前为止 我已经看到了仅在页面加载时调用函数的示例 我需要在某些
  • 如何在 django 中构建 json REST API(没有 Django REST 框架)

    Preface 我有一个 Django 项目 我已经将它连接起来 以便它为一堆模型提供一堆视图 现在我想添加一个端点 它将数据库的很大一部分转储为 json 我假设您执行此操作的方法是将 URL 添加到视图类 方法 该视图类 方法返回充满
  • Transfuse 与 Dagger 相比如何?

    我正在尝试决定是使用 Transfuse 还是 Dagger 进行 Android 依赖注入 我从未使用过 Transfuse 并且对 Dagger 有基本了解 非常感谢 首先 我是输血 http androidtransfuse org因
  • 如何按特定文件类型过滤输入类型=“文件”对话框?

    当我单击浏览器的浏览按钮时 我想将浏览器限制为 JPG 文件
  • WCF 跨域使用 Jsonp 错误未捕获 SyntaxError:意外的标记:

    我正在尝试使用 jQuery 跨域调用 Web 服务 这是我调用服务的代码 document ready function ajax type GET async false contentType application json url
  • AWS Device Farm。如何将测试用例后生成的自定义报告保存到本地空间

    我正在使用 AWS 设备场 我的测试脚本在本地系统上运行时按预期工作 并在本地系统中的指定路径生成报告 现在 当我在设备场中运行代码时 不会生成报告 Am我错过了什么 这是我的测试代码 用于将测试用例写入 html 报告 package t
  • docs 文件夹中的 GitHub Pages 引用 docs 文件夹外部的文件

    我遵循了 GitHub 的文档并使用成功发布了我的项目页面docs我的项目存储库下的文件夹 但我想知道如何解决这个小问题 我正在开发一个 JavaScript 库wesa js http caiyi us wesa 源文件存储在src存储库
  • 如何使用 TypeORM 创建这个 ViewEntity?

    假设我正在构建一个有 4 个表的地址簿 user contact friend and stranger contact是链接表连接user与两个friend and stranger表 它的结构如下 id user id friend i
  • 为什么将 strlen 重新实现为循环+减法?

    灵感来自这个问题 https stackoverflow com q 6842130 57428关于 SQLite3 中的以下代码 static int strlen30 const char z const char z2 z while
  • 发布回复收件箱消息?

    我正在尝试通过发送 POST 请求来回复收件箱消息 message id comments 这是发送收件箱消息回复的正确方法吗 我收到以下错误 error type OAuthException message 3 App must be
  • c++ 打洞UDP(RTP)

    我正在做一个客户端 服务器语音聊天程序 非托管C win32 其中客户端使用TCP连接到服务器 文本聊天 聊天室功能是在TCP中完成的 而所有音频传输都是通过单独的UDP RTP套接字发送的 使用API来自 JRTPLIB 因此 从 TCP
  • 如何将数据帧字典绘制到子图

    我有一个包含不同系列的字典 每个系列都有不同的长度 我将为它们绘制条形图 每个都在一个子图中 这是字典 data df A 0 0 1 0 2 0 3 0 4 0 5 14343 6 14343 7 0 8 8107 9 11 10 0 1
  • WooCommerce - 将产品描述从选项卡移至摘要中

    我一直在寻找如何将 Woocommerce 单个产品页面上的产品描述从选项卡移至主要部分 我就是到处都找不到它 如果有人能帮助我 我将非常感激 因为我有点失去理智了 谢谢 担 Edit 提交后 我有了一个想法 所有的钩子都只是函数 所以我创
  • python sqlAlchemy:更改类位置后出现 InvalidRequestError

    如果我把CapacityMin类和单元测试类在同一个 py 文件中 一切安好 但我搬家后CapacityMin类到一个单独的文件 并运行单元测试 我得到这个错误 预期的 SQL 表达式 列或映射实体 DETAILS InvalidReque
  • 如果为空则隐藏表格行

    我的 JSP 中有一个表 当生成页面时 该表可以为空 我想知道是否有办法仅在它们中没有实际文本的情况下隐藏它们 这是它们的样子 table border 1 style padding left 4px tr td td tr table