今天偶然发现表格隐藏行和列挺好用的,觉得还不错,下面是隐藏和显示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行数据
}
}
相关文章
- table的行和列的隐藏和显示
- Python只读取Excel文件的一部分数据,比如特定范围的行和列?
- Linux显示文件和目录的详细资料
- mysql列相加和列数据相加的方法函数
- 使用el-input自定义图标实现密码框的显示和隐藏
- 汇编语言 将20个数据的数组分成两组,正数数组P和负数数组N,并分别显示两个数组的个数
- 编写将一个包含有20个数据的数组M分成两个数组,正整数数组P和负数数组N ,分别把这两个数组中的数据的个数显示出来
- 编写程序:将一个包含有20个有符号数据的数组arrayM分成两个数组,正数数组arrayP 和负数数组arrayN,并分别把两个数组中的数据个数显示出来
- python列索引和行索引_pandas DataFrame索引行列的实现
- python每一行,输出去掉最高分和最低分的平均成绩,小数点后保留2位,每行输出后换行