`

[转]用tbody代替div 解决 table tr的隐藏问题

阅读更多

原地址:http://www.cnblogs.com/chinafine/articles/1848340.html

 

其实div和tr的相互嵌套是有问题。所以可以用tbody来代替实现。实现后的代码如下:

view plaincopy to clipboardprint?
<html>

<head>
</head>
<body>     
<table>
<tbody id="borrowAccountDiv_CJ" style="display:none;" mce_style="display:none;">
<tr>
<td>借方帐号:</td>
</tr>
<tr>
<td><input type="text" id="borrowAcount" name="borrowAcount" style="width:200px;" dataType="MoneyRequire" msg="借方帐号不能够为空,且必须为数字!"onclick="this.select()"/><fontcolor="#FF0000"> *</font></td>
</tr>
</tbody>
</table>
</body>

</html>

 

如果要分别隐藏多段tr,可以在table加入多个tbody,进行分别隐藏。table是支持多个tbody的哟。

分享到:
评论

相关推荐

    div table的使用

    在网页设计中,`div` 和 `table` 是两种非常重要的HTML元素,它们各自有着不同的用途和特性。...总的来说,结合使用`div`和服务器端生成的`table`,我们可以创建出既高效又能满足复杂需求的网页应用。

    将table转换成div+css

    - **创建div容器**:用div替换table,thead,tbody和tfoot标签,为每一行和每一列创建对应的div。 - **应用CSS样式**:使用CSS定义div的布局和样式,例如使用display:flex或display:grid来模拟表格行为。 - **...

    div和table横向和纵向滚动条问题

    这个`div`设置`overflow-x:auto`属性,使得当`table`的宽度超过`div`的宽度时,`div`会出现横向滚动条。同时,为了避免与表格内部的纵向滚动条冲突,`div`的`overflow-y`属性设置为`hidden`。此外,需要设置`div`的...

    js动态创建table点击按钮dom table tr添加操作

    本主题主要聚焦于如何利用JavaScript动态创建一个包含表格(table)的DOM结构,并且在表格行(tr)中添加可点击的按钮。这通常用于展示数据集,允许用户进行交互操作,比如删除、编辑或查看详情。 首先,我们需要...

    css+jquery完美实现table表头固定显示(浮动)

    在网页设计中,数据展示经常使用到表格(table),尤其是数据量大时,滚动查看成为必然。然而,当表格内容过多导致需要滚动时,表头(thead)的可见性会受到影响,用户可能难以对应列标题理解数据。为了解决这个问题...

    JavaScript获取tr td 的三种方式全面总结(推荐)

    /* 第一种,原生的js,先获取table然后获取tr标签,然后遍历td */ // $('#selectIds').val(); // var table = document.getElementById(tb_table);//获取第一个表格 // var array = table.getElementsByTagName(tr...

    jQueryUI拖拽效果_拖拽div的值到table表格里面

    $(this).append('&lt;tr&gt;&lt;td&gt;' + divValue + '&lt;/td&gt;&lt;/tr&gt;'); // 将值添加到表格的新行中 } }); ``` 3. **HTML 结构**: 页面应包含一个可拖动的div和一个可放置的表格。div可以是任意包含待拖动数据的元素,而表格...

    table嵌套table边框样式

    一个HTML表格由`&lt;table&gt;`元素开启,包含`&lt;tr&gt;`(行)元素,`&lt;td&gt;`(单元格)或`&lt;th&gt;`(表头单元格)元素,以及可能的`&lt;thead&gt;`、`&lt;tbody&gt;`和`&lt;tfoot&gt;`部分。当表格嵌套时,一个`&lt;td&gt;`或`&lt;th&gt;`元素内部可以包含另一个...

    html中table固定头部表格tbody可上下左右滑动

    当表格头部固定时,需要分为两个表格来做:一部分是thead,一部分是tbody,具体实现方式如下: html代码: &lt;div class=table_box_big&gt; &lt;div class=table_box&gt; &lt;table&gt; &lt;tr&gt; &lt;th&gt;&lt;div&gt;标题一&lt;/div&gt; &lt;th&gt;&lt;div&gt;...

    Layui组件Table绑定行点击事件和获取行数据的方法

    这段代码首先在div元素下找到table的tbody元素,然后在tbody元素中找到tr元素,并为其绑定双击事件。在事件函数中,通过查找具有layui-table-hover类的元素来获取当前行的data-index属性值,然后将这个值转换为字符...

    echart柱状图拼接table,每列对齐,并自适应的问题的代码

    本示例涉及的是如何将ECharts的柱状图与HTML表格(table)进行拼接,同时解决每列对齐以及页面自适应的问题。以下是对这个主题的详细讲解: 首先,我们来讨论ECharts柱状图的创建。ECharts提供了一个直观且灵活的...

    bootstrap集成table样式的总结

    本篇文章将深入探讨如何在Bootstrap中集成和使用Table样式。 一、基础样式 Bootstrap的表格默认具有简洁的样式,包括水平对齐的单元格、行高亮以及可选的striped(斑马纹)和bordered(带边框)样式。通过添加`...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;TD vAlign=top background=/images/bg_1.jpg colSpan=10&gt; &lt;TABLE cellSpacing=3 cellPadding=0 width="100%" border=0&gt;&lt;TBODY&gt; &lt;TR&gt; &lt;TD width="95%" height=1216&gt; &lt;TABLE cellSpacing=0 cellPadding=0 width=...

    css table 表格标签

    `&lt;table&gt;`标签允许我们构建复杂的表格结构,包括行(`&lt;tr&gt;`)、列(`&lt;th&gt;`或`&lt;td&gt;`)以及表头(`&lt;thead&gt;`)、表体(`&lt;tbody&gt;`)和表脚(`&lt;tfoot&gt;`)。在本教程中,我们将深入探讨如何使用CSS来美化和增强HTML表格的...

    移动web table固定表头第一列.rar

    "移动web table固定表头第一列.rar"这个压缩包文件显然是为了解决这些问题,提供了一种在移动端实现固定表头和第一列的解决方案。下面将详细讲解如何在HTML5和CSS3环境下实现这样的功能。 首先,我们需要创建一个...

    JS动态添加tr

    本文将详细讲解如何使用JavaScript动态添加`&lt;tr&gt;`元素,即表格行,以及如何结合DIV+CSS实现页面布局。 一、JS动态添加`&lt;tr&gt;` 在HTML中,`&lt;table&gt;`元素用于创建表格,而`&lt;tr&gt;`元素代表表格的一行。在JavaScript中,...

    纯table导出excel文档

    每个表格行使用&lt;tr&gt;标签,每行中的单元格使用或(表头单元格)标签。通过CSS可以对表格进行样式设计,使其美观易读。 接着,我们讨论JavaScript(JS)在表格导出中的作用。JavaScript是一种在客户端运行的脚本语言...

    jQuery实现Table分页跳转

    jQuery分页的基本思想是通过JavaScript动态加载或隐藏Table中的数据行,以实现分页显示。通常会结合后端接口获取数据,根据每页显示的数据量来划分页码,用户点击页码时,发送请求获取对应页的数据,并更新Table内容...

    div居中常见问题.pdf

    1. **使用 `display: table`**:这种方法是将元素包裹在一个 `table` 元素中,利用表格的自适应特性,再通过 `margin: 0 auto` 来实现居中。HTML 结构如下: ```html &lt;div&gt; &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;!-- 内容 -...

    IE 不兼容的几个js问题及解决方法

    在使用JavaScript动态创建`&lt;table&gt;`元素并添加行(`&lt;tr&gt;`)或单元格(`&lt;td&gt;`)时,直接使用`document.createElement()`结合`appendChild()`可能无法在Internet Explorer(IE)中正确显示。 **解决方法:** 为了确保...

Global site tag (gtag.js) - Google Analytics