`
easonfans
  • 浏览: 253918 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS控制TABLE隐藏显示问题

 
阅读更多

function changeshow(id)
{
    document.getElementById("tdcycle1").style.display='none';
    document.getElementById("tdcycle2").style.display='none';
    document.getElementById("tdcycle3").style.display='none';
    document.getElementById("tdcycle4").style.display='none';
    document.getElementById("tdcycle5").style.display='none';
    document.getElementById("tdcycle6").style.display='none';
    document.getElementById("tdcycle"+id+"").style.display='block';
}
上面是控件表中行的显示隐藏方法
控制表把里面的id换一下就ok了

 

这篇文章时间有点长了,我忘记是从哪里找的了……,对不住!

分享到:
评论

相关推荐

    js控制隐藏显示table特定列

    JavaScript 控制隐藏显示 TABLE 特定列 在 HTML 中,我们经常需要控制 TABLE 的显示和隐藏,特别是在数据表格中,需要根据用户的选择来显示或隐藏某些列。今天,我们将介绍使用 JavaScript 控制隐藏显示 TABLE 特定...

    bootstrap控制table列的显示隐藏

    用js控制table列的显示隐藏 用js控制table列的显示隐藏

    js 实现 用JavaScript隐藏或显示表格列

    js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!

    table 选择隐藏列

    在实际开发中,可能有现成的库如datatables.js等,提供了方便的方法来控制表格列的显示和隐藏。 在压缩包文件"src"中,如果包含源码,我们可以期待看到相关的HTML、CSS和JavaScript代码示例,这些示例可能展示了...

    js 显示/隐藏某些列

    在JavaScript中,显示或隐藏网页中的某些列是一个常见的需求,特别是在构建动态用户界面时。这个需求通常涉及到HTML表格(`<table>`元素)或者通过CSS布局实现的列状结构。以下是一些关于如何使用JavaScript来操作...

    javascript万能table合并单元格,隐藏列 html版

    - **显示按钮**:触发 `closeTD` 函数,控制列的显示与隐藏。 - **刷新按钮**:重新加载页面。 #### 五、扩展思考 在实际应用中,可以根据具体需求对以上代码进行扩展和优化,比如: - **动态列选择**:允许用户...

    table列显示控制插件

    在这个场景下,JavaScript可以监听用户的操作,比如点击按钮或切换选项,然后通过修改DOM(Document Object Model)结构,控制Table的列是否显示。DOM是HTML和XML文档的结构化表示,JavaScript可以通过操作DOM来改变...

    关于Layui Table隐藏列问题

    也就是说,即便某列被隐藏了,但在JavaScript中仍然可以通过列名或`data-field`来访问该列的数据,前提是这些数据在后端是存在的。 总结一下,隐藏Layui表格的列需要进行两步操作: - 获取表格容器的jQuery对象。 -...

    el-table无限滚动+控制列是否显示+列排序(非json)

    在这个特定的案例中,我们关注的是如何实现`el-table`的无限滚动、列显示控制以及非JSON方式的列排序。下面将详细阐述这些功能的实现方法。 首先,**无限滚动**是提高用户体验的一种常见技术,特别是在处理大量数据...

    element-ui 中的table的列隐藏问题解决

    首先,要了解在 Element-UI 中 table 组件与传统的 Bootstrap table 组件之间在处理列隐藏显示时的差异。在 Bootstrap 中,通常使用 CSS 的 display 属性来控制元素的显示和隐藏,这种方法简单直接。然而在 Element-...

    分别显示/隐藏TABLE,TR,TD等经典代码

    分别显示/隐藏TABLE,TR,TD等经典代码,使用js控制。

    JavaScript控制table某列不显示的方法

    JavaScript控制table某列不显示的方法涉及到几个关键知识点,包括HTML表格结构的基本语法,CSS样式的应用,以及jQuery库的使用。下面将详细介绍这些知识点。 首先,HTML表格的构建。在示例代码中,table元素被用来...

    Table 表格 表头表尾浮动显示

    "Table 表格 表头表尾浮动显示" 是一种优化表格用户体验的技术,它允许用户在滚动浏览长表格时,表头(thead)和表尾(tfoot)始终保持可见,方便用户对照和理解数据。这种技术尤其适用于移动端或者空间有限的界面,...

    隐藏layui数据表格表头的checkbox复选框

    具体来说,我们需要找到表头对应的`<th>`标签,并定位到其中包含复选框的`<div>`标签,然后将其替换为一个空的`<div>`标签,以此来移除复选框的显示。下面将详细解释具体步骤及代码实现。 #### 实现步骤 1. **定位...

    vxe-table vue table 表格组件功能

    对于用户界面友好性的提升,vxe-table提供了显示/隐藏列、加载中提示、格式化内容显示以及自定义模板等功能。这些功能使得开发者可以根据需要调整表格的行为,例如,在数据加载过程中显示加载动画,以及为特定单元格...

    css+js+table效果代码

    综上所述,【CSS+JS+Table效果代码】是前端开发中的实用技能,结合CSS的样式控制和JS的动态交互,可以创建出功能强大、用户体验良好的数据展示界面。通过分析和学习提供的代码资源,我们可以深入了解并掌握这些技术...

    js控制TR的显示隐藏

    本文将深入探讨如何使用JavaScript控制表格行(TR)的显示和隐藏。 首先,我们需要了解HTML中的`<tr>`元素。`<tr>`元素用于定义表格中的行,它可以包含多个`<td>`(表格数据)或`<th>`(表头)元素。在JavaScript中...

    jquery拖动的table表格的宽度隐藏表格中的内容

    在这个特定的问题中,我们关注的是如何使用jQuery来实现一个可拖动调整宽度的table表格,并在宽度调整到一定程度时隐藏其中的内容。 首先,我们需要理解HTML中的`<table>`元素,它是用来展示结构化数据的,通常由行...

Global site tag (gtag.js) - Google Analytics