今天偶然发现表格隐藏行和列挺好用的,觉得还不错,下面是隐藏和显示table行、隐藏table列(显示的类同)的js函数,直接调用这些函数就可以实现表格行和列的显示和隐藏。
1.显示行
function setShowRow(oTable,iRow){
[iRow]. = [iRow]. = "block";
}
2.隐藏行
function setHiddenRow(oTable,iRow){
[iRow]. = [iRow]. = "none";
}
3.隐藏列
function setHiddenCol(oTable,iCol)
{
for (i=0;i < ; i++)
{
[i].cells[iCol]. =
[i].cells[iCol].=="none";
//如果该列隐藏则让其显示,反之则让其隐藏
//[i].cells[iCol].=="none"?"block":"none";
}
}
oTable为表的id,iRow和iCol是从0开始的,iRow=0表示的是第一行,iCol=0表示的是第一列。
例如:
<table>
<tr>
<td width="15%">Country</td>
<td width="35%" height="30"><select name="type" οnchange="selectType();" style="height:20;width:150" >
<option value="China" <c:if test="${type == 'China'}">selected</c:if>>中国</option>
<option value="A" <c:if test="${type == 'A'}">selected</c:if>>美国</option>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td width="15%">时间</td>
<td width="35%" height="30"><s:textfield name="time" maxlength="20" cssStyle="width:150" /></td>
</tr>
<tr>
<td width="15%">地点</td>
<td width="35%" height="30"><s:select name="address" list="addressList" οnblur="findStorage()" cssStyle="height:20;width:150" />
<td width="15%">人物</td>
<td width="35%" height="30"><s:textfield name="person" cssStyle="width:150" disabled="true" /></td>
</tr>
</table>
<script type="text/javascript">
//显示某一行
function setShowRow(oTable,iRow){
[iRow]. = [iRow]. = "block";
}
//隐藏某一行
function setHiddenRow(oTable,iRow){
[iRow]. = [iRow]. = "none";
}
//选择某一类型时,显示所要显示的行
function selectType(){
var obj = $('type').value;
var oTable = document.getElementByIdx_x('Table1');
if(obj=='China'){
setHiddenRow(oTable,0);//隐藏id=Table1的第1行数据
setShowRow(oTable,1);//显示id=Table1的第2行数据
}
if(obj=='A'){
setShowRow(oTable,0);//显示id=Table1的第1行数据
setHiddenRow(oTable,1);//隐藏id=Table1的第2行数据
}
}
相关文章
- 表的转置 行转列: DECODE(Oracle) 和 CASE WHEN 的异同点
- 使用python对两个Excel表进行数据比较,得到差异和相同的数据行。
- 一个笼子里面关了鸡和兔子(鸡有2只脚,兔子有4只脚,没有例外)。已经知道了笼子里面脚的总数a,问笼子里面至少有多少只动物,至多有多少只动物。输入一行,一个正整数a (a < 32768)。
- 模拟,输入一排含空格,本题要求你计算A−B。不过麻烦的是,A和B都是字符串 —— 即从字符串A中把字符串B所包含的字符全删掉,剩下的字符组成的就是字符串A−B。 输入格式: 输入在2行中先后给出字符串
- 查找二维数组每一行中的最大值和每一列的最大值
- 地上有一个m行和n列的方格。一个机器人从坐标0,0的格子开始移动,每一次只能向左,右,上,下四个方向移动一格,但是不能进入行坐标和列坐标的数位之和大于k的格子。 例如,当k为18时,机器人能够进入方格
- java的二维数组中如何计算行数和列数?
- lunix脚本进程挂掉时显示cpu和内存信息及挂掉的时间
- 行式存储和列式存储的比较
- Vue3 + Echarts集成时柱状图和折线图的tooltip不显示问题