`

隐藏/显示 Table Row(s)

阅读更多
第一行
第二行
第三行


现在要动态 show/hide 第2行。

方法如下,兼容(ff&&ie).

1)首先得用tbody包围相关的行,并设置id attribute。
 <table width="90%" border="1" cellpadding="0" cellspacing="0">
        <tr>
           <td/><td>第一行</td><td/>
        </tr>
          <tbody id ="secondaryline">
                                               <tr>
                                                    <td/><td>第二行</td><td/>
                                               </tr>
          </tbody>
       <tr>
               <td/><td>第三行</td><td/>
        </tr>
</table>


2)使用javascript.
function showRow(id) {
  row = document.getElementById(id);
  (typeof row != 'undefined'  && row  != null) && (row.style.display = ''); 
}

function hideRow(id) {
   row = document.getElementById(id);
  (typeof row != 'undefined'  && row  != null) && (row.style.display = 'none'); 
}
2
0
分享到:
评论

相关推荐

    xpTable,c# xptable NET中最强,最全功能的表格控件 ,可以定制一个ListView,能够在列中插入图像、下拉框、可上下调整的数字、进度条

    著XPTable - .NET ListView meets Java's JTable [简介] 由于项目需要,我需要定制一个ListView,它必须能够在列中插入图像、下拉框、可上下调整的数字、进度条等等。由于已经有了一个Java下的背景,我将简单地...

    struts2-s标签

    这两个标签分别用于显示日期和日期时间,`&lt;s:date/&gt;` 直接显示日期,而 `&lt;s:datetimepicker&gt;` 提供了一个日期时间选择器。 **示例:** ```xml &lt;s:date name="birthday" format="yyyy-MM-dd"/&gt; &lt;s:datetimepicker ...

    struts2标签大全

    与`&lt;s:actionerror&gt;`类似,但用于显示通过`addActionMessage()`方法添加的消息。 ```xml &lt;s:actionmessage/&gt; ``` #### 5. `&lt;s:append&gt;` - 添加到列表 用于向现有的列表中添加新的元素。 ```xml &lt;s:append var=...

    struts2标签整理

    &lt;s:table value="list"&gt; &lt;s:row&gt; &lt;s:cell&gt; &lt;s:property value="%{#status.index}"/&gt; &lt;/s:cell&gt; &lt;s:cell&gt; &lt;s:property value="%{item}"/&gt; &lt;/s:cell&gt; &lt;/s:row&gt; &lt;/s:table&gt; ``` ##### 45. `&lt;s:text&gt;` - 文本...

    struts2.0的标签库

    3. **`&lt;s:actionerror&gt;`** - 显示ActionErrors集合中的错误消息。例如: ```jsp &lt;s:actionerror/&gt; ``` 如果ActionErrors集合中有错误消息,这些消息将被显示出来。 4. **`&lt;s:actionmessage&gt;`** - 显示...

    修改 bootstrap table 默认detailRow样式的实例代码

    在 Bootstrap Table 中,`detailRow` 功能允许用户点击行的某个图标(通常是一个展开/折叠箭头)来显示或隐藏与该行相关的详细信息。默认情况下,这个功能的样式和行为是固定的,但通过编写自定义的 JavaScript 和 ...

    下面就介绍下Struts2每个标签的用法(有错请指正):

    ### Struts2 标签详解 #### 一、概述 ... &lt;s:table value="itemsList"&gt; &lt;s:row&gt; &lt;s:column property="name"/&gt; &lt;s:column property="price"/&gt; &lt;/s:row&gt; &lt;/s:table&gt; ``` ##### 45. `&lt;s:text&gt;` 标签 ...

    VC6使用word2003生成报表的示例

    // 显示,或者隐藏 void QuitApp(); // 关闭外部打开的word应用程序 BOOL NewDoc(CString tpName); // 根据模板创建文档 void SaveDoc(CString Filename); // 保存文档到文件路径 void ...

    radG:RadGrid合并列

    row[s].RowSpan = previousRow[s].RowSpan [s].RowSpan + 1; previousRow[s].Visible = false; previousRow[s].Text = string.Empty; try { row[s].RowSpan = previousRow[s].RowSpan [s].RowSpan + 1; ...

    flex弹性布局+图片遮罩层作业

    1. `flex-direction`: 决定子元素在容器中的主轴方向,可选值有`row`(默认,从左到右)、`row-reverse`(从右到左)、`column`(从上到下)和`column-reverse`(从下到上)。 2. `justify-content`: 控制子元素在...

    abap alv 函数参数说明

    1. set_table_for_first_display 方法的参数说明 * BUFFER_ACTIVE:如果方法调用是静态的,可以设置这个标记,这表示,如果每次显示 ALV 都是相同的字段目录,那么字段目录会被放到一个特殊的缓存里,这样加速了 ...

    Mycat+MySQL Galera读写分离验证安装手册

    **Mycat**是中国开源社区第一个成熟可用的数据库中间件项目,它支持读写分离、分库分表等功能,能够为用户隐藏底层数据库集群的复杂性,提供统一的数据访问接口。Mycat主要应用于大型分布式系统,通过其强大的功能来...

    vue-列表下详情的展开与折叠案例

    `v-for`循环遍历数据,`v-show`根据`showDetail`的状态控制详情的显示和隐藏。`mode`属性设置为`out-in`,确保在切换展开项时,旧项完全退出后再显示新项。 ```html ${index}`" v-show="showDetail === index"&gt; ...

    Linux FTP服务搭建

    hide_ids=YES 隐藏文件夹和目录属主,都以FTP代替 pasv_min_port=50000 开启监控: xferlog_enable=YES 打开日志,日志文件为/var/log/vsftpd.log ls_recurse_enable=NO 禁用危险的“ls –R”指令 ascii_download_...

    松迪培训入学测试题

    - 定义样式来控制菜单的显示效果,如隐藏子菜单、添加展开/折叠图标等。 3. **JavaScript事件处理**: - 使用JavaScript监听点击事件,控制子菜单的展开和折叠。 4. **示例代码**: ```html 根节点 ;"&gt; ...

    湖南大学数据库实验四 完整性约束、视图、存储过程和数据安全.doc

    例如,create view myview_course as select s.sno 学号, sname XX, classno 班级 from student s, teacher t, course c, student_course_teacher sct ...; 三、存储过程 存储过程是预编译的SQL语句集合,具有高效...

    freemarker总结

    &lt;table border=1&gt; &lt;tr&gt;&lt;th&gt;Name&lt;th&gt;Price &lt;tr&gt;&lt;td&gt;${being.name}${being.price} Euros &lt;/#list&gt; &lt;/table&gt; 输出为: &lt;p&gt;We have these animals: &lt;table border=1&gt; &lt;tr&gt;&lt;th&gt;Name&lt;th&gt;Price ...

    2205140354杨世诚.docx

    echo "隐藏中间 4 位后为:" . $maskedPhone; ``` ### 5. PHP 操作 MySQL 数据库 #### 知识点详解: - **数据库连接与查询**: 需要使用`mysqli_connect()`函数连接MySQL数据库,然后使用`mysqli_query()`执行SQL...

    2019测试面试题-上海悠悠

    - **语法**:`SELECT column_name(s) FROM table_name ORDER BY column_name(s) ASC|DESC;` - `ASC` 表示升序排序,默认值。 - `DESC` 表示降序排序。 #### 统计总成绩 (SUM) - **定义**:`SUM` 函数用于计算数值...

    企业面试题汇总_net方向.doc 面试者可以下载参考

    - 隐藏基类成员。 #### 10. override与重载的区别 - **override**: 覆盖基类的虚方法,实现多态。 - **重载**: 在同一个类中,同名但参数不同的多个方法。 #### 11. sealed修饰的类的特点 - **密封类**: 不能被...

Global site tag (gtag.js) - Google Analytics