社区
JavaScript
帖子详情
表格的行和列的动态展开问题
cxmdcn
2010-06-01 04:03:51
在报表项目中,要求对行和列都做展开和收拢.
展开后的效果是这样的:
行的展开有很多处理的办法,但没有列展开的处理办法.
展开是无限级别. 展开后还能收拢.
向各位请教.
如果有谁能解决,可以有偿付费.
...全文
192
6
打赏
收藏
表格的行和列的动态展开问题
在报表项目中,要求对行和列都做展开和收拢. 展开后的效果是这样的: 行的展开有很多处理的办法,但没有列展开的处理办法. 展开是无限级别. 展开后还能收拢. 向各位请教. 如果有谁能解决,可以有偿付费.
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
cxmdcn
2010-06-02
打赏
举报
回复
TO lieri111:
鼠标点击后展开,如何处理呢?
passself
2010-06-02
打赏
举报
回复
这个是布局的问题,你把所有的动态生成的(同一级的标签)设置成同一个class利用
class的
.class{
margin-left:5px;
}
这样每一级都会有比较好看的视图
cxmdcn
2010-06-02
打赏
举报
回复
感谢楼上的回复。
但不是这么简单解决的。
相当于在行和列上都有表格树
xk1126
2010-06-02
打赏
举报
回复
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>收缩左边栏效果</TITLE>
<STYLE type="text/css">
td{font-size:12px;line-height:22px;}
.red{color: #FF0000}
</STYLE>
<SCRIPT language="JavaScript">
function show(){
if(document.getElementById("left").style.display=='none'){ //判断目前左边栏的状态(显示、隐藏)
document.getElementById("left").style.display='block'; //显示左边栏
}
else{document.getElementById("left").style.display='none'; //隐藏左边栏
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD id="left" width="200">点点右边的收缩按钮,看看我是不是进去了!</TD>
<TD width="8" style="border-right:1 #cccccc solid;"><A href="javascript:show();"><IMG src="image/fclose.jpg" align="absmiddle" border="0"></A></TD>
<TD valign="top">右侧</TD>
</TR>
</TABLE>
</BODY>
</HTML>
我在给你一个列的收缩
xk1126
2010-06-01
打赏
举报
回复
table+div实现
给你写一个
<table>
<tr>
<td>
<A href="javascript:move() ">+</A>按一下
</td>
</TR>
<tr>
<td>
<div id="advImages">
<table>
<tr>
<td>dfdfds</td>
</tr>
</table>
</div>
</td>
</TR>
</table>
<script >
function move() {
if (document.getElementById("advImages").style.display == "none"){
document.getElementById("advImages").style.display = "block";
} else {
document.getElementById("advImages").style.display = "none";
}
}
</script>
不过你的显示和隐藏的div多,所以move用传参数这样比较方便
soldierluo
2010-06-01
打赏
举报
回复
隐藏列?
function hideCol(colIndex){
$("#tab tr").each(function(){
$($(this).get(colIndex)).hide();
});
}
element-ui复杂table
表格
-
动态
新增列、
动态
调整行、列顺序
目标:实现一个复杂table具有以下功能:
表格
行
展开
、全部
展开
、收起、全部收起;可
动态
配置展示哪些列、调整列展示顺序;
动态
调整行顺序、行上移、行下移、行移动最顶部、行移动最底部
vue2 - 实现elementUI
表格
组件table
动态
添加或删除行功能,
表格
列表
动态
新增/插入/删除
表格
行,可编辑单元格/点击修改
表格
内数据并更新数据列表(支持接口懒加载、
表格
分页、复杂嵌套
表格
)
vue2,element-ui,
表格
Table组件,el-table,
动态
表格
,实现
表格
动态
增加/删除/编辑
表格
行,带有校验规则,自定义
表格
增删改查,
动态
表格
动态
数据新增修改删除,
表格
可编辑单元格自定义数据化结构新增删除取消,...
el-table
表格
中第一列合并和第二列expand
展开
行同时使用的解决办法
但是
展开
后,在原来的循环打印的索引基础上又多了五次记录,但是我的
表格
展开
并没有改变原本el-table绑定的data数据,有点搞不懂这个合并
表格
的循环逻辑,看了一下expand
展开
是在
展开
行后面同级下面添加了一个行元素...
73.elementUI
表格
展开
行实现只
展开
一行以及打开子
表格
获取接口数据遍历不到子
表格
上的
问题
(已解决)
1.首先说一下点击
表格
展开
行符号调接口获取子
表格
数据却遍历不上
问题
直接将接口数据赋值给子
表格
绑定的tableData1数组是无法将数据带到子
表格
里的,需要改成map接口数据,然后将每一个item逐个push到tableData1...
使用jquery实现table
表格
的
动态
添加
行和列
<option value="2">2</option> </select> </td> </tr> </tbody> </table> 添加行" class="addRow" /> 添加列" class="addRol" /> 删除行" class="delRow" /> 删除列" class="delRol" /> <script> $(document).ready...
JavaScript
87,997
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章