<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function show(obj) {
var rowCount=document.getElementById(obj).rows
for(i=0;i<rowCount.length;i++){
var cellCount=rowCount[i].childNodes
for(j=0;j<cellCount.length;j++){
if(document.getElementById("showButton").checked){
cellCount[j].style.display="none"
if(j==0 || j==1 || j==cellCount.length-1)cellCount[j].style.display=""; }
else{
cellCount[j].style.display="";
}
}
}
}
</script>
</HEAD>
<BODY>
<input type="checkbox" id="showButton" onclick="show('tab1');" value="1" /> 显示
<table id="tab1" name="tabName" border="1">
<tr>
<td>序号</td>
<td>名称</td>
<td>Money_1</td>
<td>Money_2</td>
<td>Money_3</td>
</tr>
<tr>
<td>1</td>
<td>王一</td>
<td>10</td>
<td>20</td>
<td>30</td>
</tr>
<tr>
<td>2</td>
<td>王二</td>
<td>40</td>
<td>50</td>
<td>60</td>
</tr>
<tr>
<td>3</td>
<td>王三</td>
<td>10</td>
<td>20</td>
<td>30</td>
</tr>
<tr>
<td>4</td>
<td>王四</td>
<td>40</td>
<td>50</td>
<td>60</td>
</tr>
</table>
</BODY>
</HTML>
分享到：
相关推荐
JavaScript 控制隐藏显示 TABLE 特定列 在 HTML 中，我们经常需要控制 TABLE 的显示和隐藏，特别是在数据表格中，需要根据用户的选择来显示或隐藏某些列。今天，我们将介绍使用 JavaScript 控制隐藏显示 TABLE 特定...
JS控制明细列显示隐藏 同时控制字段必填属性.js
主表控制明细列隐藏显示
js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!
用js控制table列的显示隐藏 用js控制table列的显示隐藏
总结来说，"js控制锁定表头表列"是一个提高网页表格可读性的技术，利用JavaScript监听滚动事件，结合CSS固定定位，保持表头和指定列在滚动时始终可见。这一技术对于数据展示和用户交互有显著的提升，尤其适用于数据...
- `classList`接口：可以使用`classList.add()`和`classList.remove()`来添加或移除CSS类，进而控制显示。比如，如果有一个类`hidden`用于隐藏元素，可以这样操作：`element.classList.add('hidden')`或`element....
在这个特定的案例中，我们关注的是如何实现`el-table`的无限滚动、列显示控制以及非JSON方式的列排序。下面将详细阐述这些功能的实现方法。 首先，**无限滚动**是提高用户体验的一种常见技术，特别是在处理大量数据...
在实际应用中，可以根据需要调整maxWidth和maxHeight的值，以适应不同设备的显示需求。比如，可以设置这两个参数为浏览器窗口的尺寸，使得图片能够根据用户屏幕大小进行适当的缩放。 另外，通过修改AutoResizeImage...
本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下： 1、table代码 代码如下:”mytable” border=”0″ width=”1400″ align=”center” cellpadding=”3″ ...
easy-UI 右键列头，控制列的显示和隐藏,是啊easyui拓展的功能之一，只需引入此js代码，即可产生效果，右键列名，控制列的显示和隐藏
【js模板】根据主表字段显示或隐藏明细表指定列
总的来说，"table列显示控制插件"是JavaScript在网页开发中的一项实用技巧，它利用DOM操作和事件处理机制，实现了Table列的动态显示与隐藏，提高了用户界面的可操作性和数据可视化的效率。通过理解这个插件的工作...
// 显示列 myColumn.Visibility = Visibility.Hidden; // 隐藏列 ``` 4. **响应事件或条件**： 通常，我们会在某个事件触发或满足特定条件时改变列的可见性。例如，当用户点击一个按钮时： ```csharp ...
- 利用JavaScript或jQuery，可以动态修改列的CSS样式，实现隐藏或显示列的功能。 - 使用`show()`和`hide()`函数可以方便地控制元素的可见性，或者设置`style.display`属性实现相同效果。 5. **数据绑定**： - ...
在描述中提到的"asp多列显示源代码"，通常是指一个ASP应用程序，它能够将数据以多列的形式在网页上呈现，这在展示列表或者表格数据时非常常见。 多列显示在网页设计中，尤其是在数据列表和表格的布局中，是一种有效...
在JavaScript编程中，"js实现多选多列选择"是一个常见的需求，特别是在构建交互式的Web应用时。这种功能常用于创建复杂的选择器，比如多选的下拉框或者表格，可以提升用户界面的效率和用户体验。下面将详细介绍如何...
调整这个新div的位置和宽度，确保它与原表格中的左边列对齐，同时不影响其他列的正常显示。 在这个名为"ofixedtable1.3"的压缩包中，包含了实现这一功能的JS源代码和示例。代码的作者修复了之前版本的固定列bug，...
本文实例讲述了JS实现控制表格只显示行边框或者只显示列边框的方法。分享给大家供大家参考。具体分析如下： 通过下面的JS代码你可以控制表格只显示行与行之间的分隔线，也可以只显示列与列之间的分隔线，主要用到了...