展开后的效果是这样的:
行的展开有很多处理的办法,但没有列展开的处理办法.
展开是无限级别. 展开后还能收拢.
向各位请教.
如果有谁能解决,可以有偿付费.
-
等级
本版专家分：65结帖率 100% -
在报表项目中,要求对行和列都做展开和收拢.
展开后的效果是这样的:
行的展开有很多处理的办法,但没有列展开的处理办法.
展开是无限级别. 展开后还能收拢.
向各位请教.
如果有谁能解决,可以有偿付费.展开阅读全文
-
等级
本版专家分：339 -
隐藏列？
function hideCol(colIndex){
$("#tab tr").each(function(){
$($(this).get(colIndex)).hide();
});
}
-
等级
本版专家分：2524 -
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用传参数这样比较方便
-
等级
本版专家分：65
-
感谢楼上的回复。
但不是这么简单解决的。
相当于在行和列上都有表格树
-
等级
本版专家分：23218勋章
-
-
红花
2011年1月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第一
2010年6月 Web 开发大版内专家分月排行榜第一
2010年5月 Web 开发大版内专家分月排行榜第一
2010年4月 Web 开发大版内专家分月排行榜第一
-
- 黄花 2010年12月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二
-
-
蓝花
2011年4月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三
2011年3月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三
2010年11月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三
2010年10月 多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第三
-
-
这个是布局的问题，你把所有的动态生成的（同一级的标签）设置成同一个class利用
class的
.class{
margin-left:5px;
}
这样每一级都会有比较好看的视图
-
等级
本版专家分：65
-
TO lieri111：
鼠标点击后展开，如何处理呢？
-
等级
本版专家分：2524
-
<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>
我在给你一个列的收缩
- 【DataTable】行折叠与展开问题记录
官网行折叠的例子：http://www.datatables.club/example/user_share/row_details.html ...通过ajax从后台Servlet取数据，根据某个下拉框查询刷新表格数据 每一次刷新会触发drawTable()函数 function drawTa...
- 解决Vue的表格中，expand只有某些行需要展开的问题。
解决Vue的表格中，expand只有某些行需要展开的问题。
- el-table表格展开行
效果： 代码： <el-table :data="tableData" border style="width: 100%"> > <el-table-column prop="auditRuleId" label="NO" width="180"><...
- 基于element-ui的 动态列分页表格（动态控制表格列的显隐）
此案例基于 基于element-ui的分页表格组件，增加了动态列的功能。墙裂建议按顺序食用。 实现思路： 实现动态列本质上是控制列的显隐状态，如果是使用jQuery的话，无非是操作dom。目前使用的是vue，其屏蔽了dom的操作...
- element-ui表格el-table动态合并单元格（合并行合并列）怎么合并
element-ui表格el-table动态 合并行和合并列怎么合并
- avue表格行展开显示内容expand
表格行展开显示内容expand avue中写这两个属性， 然后在vue中写模板，slot="expand"就可以开启展开行功能，设置slot-scope="scope"即可通过scope.row.jczc来获取表格中需要的属性值 ...
- element 表格点击行展开，实现点击一行任意处包括箭头
vue项目中我们会使用到el-table展开行功能，通过设置 type="expand" 和Scoped slot可以开启展开行功能。具体这里不细说。 那么如何通过点击一行来实现展开功能呢？很简单的两步。 我们需要用到的是element官方提供...
- jqGrid 表格分组 grouping 使用汇总 动态展开收起分组 新增、删除、编辑行自动更新分组统计
jqGrid表格自带group分组功能，包括表头Header分组和表格内容分组功能，本文讨论表格行如何实现分组统计；表格行新增、删除时如何自动更新分组统计；表格行汇总列单元格编辑室如何更新分组统计；如何动态实现分组...
- 实现element-ui表格el-table展开行
实现element-ui表格el-table展开行 <template> <el-table :data="tableData" style="width: 100%" @row-click="rowClick" :row-key='getRowKeys' :expand-row-keys="expands" @expand-change="expandChange...
- vue+element实现表格点击行可以展开功能
vue+element的例子上只提供了点击图标展开，现在需要点击表格的行也可以展开表格 实现功能如上图所示，不仅可以点击小标展开，也可以点击整行展开 这个功能的需求是：点击小标或者这一整行的时候，去请求后台数据，...
- elementui表格某一行默认展开
<el-table :show-header="false" ref="topicTable" :data="tableData" style="width: 100%" v-show="tableShow" :row-key="getRowKeys" :expand-row-ke...
- element-ui table 实现表格展开行每次只能展开一行
因为工作需要吗 element-ui中展开式表格虽然用着方便 但是 用过的童鞋 可能知道 只有点击展开的时候 下面的 元素我们才能获取到 同时每一行下面展开的 是使用 slot-scope 内容分发 共用的一套 模板 这就很尴尬了 ...
- 使用ElementUI在同一张表格上同时实现合并行和列单元格
代码演示地址：https://jsfiddle.net/Tomatoro...可以直接在代码演示地址自己尝试想要实现的效果效果图：
- antd table表格可展开单元格按需展开
通过expandedRowRender和rowclassname实现 ...图中rowclassname代表如果展开单元格没有内容 则 加一个动态类名为no-expend 从而实现隐藏当前行的展开图标 2. table数据（模拟数据） 3. less样式 ...
- 表格左边合并列，右边详情展开
以下是源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title&... *{ margin: 0
- jQuery实现的表格展开伸缩效果实例
https://www.cnblogs.com/yangpeng-jingjing/p/6003403.html <table> <thead> <tr> <th>姓名</th> <th>性别</th> <th>暂住地</th> ...td c
- element-UI表格table实现表格行的动态合并
饿了么table组件官方实例：http://element-cn.eleme.io/#/zh-CN/component/table，在实际开发过程中，官方实例根本无法满足需求，实际需求一般都是动态的合并而不是固定怎么合并的，所以这时就需要我们对其进行处理...
- 实现element-ui的table嵌套表格点击父表格只允许一行展开
嵌套表格的数据是动态获取的，如果打开多行，就会出现打开的所有嵌套列表中显示的是最后一次打开博客的评论。 所以为了处理这个bug,可以设置只可以打开一行，打开下一行的时候，上一行的嵌套表格关闭。
- Antd相关 Table表格自定义点击单元格(列)展开功能
@Antd 起初参考网上其它写法，符号+失效需要隐藏，点击事件需要render... ... import React from "react"; import { Table } from "antd"; class TableEx extends React.Component { constructor(props) { super(props)
- elementUI表格树动态合并列问题处理
此篇为第一版，写法有问题，最终版请查看...首先看一下效果图，根据评估人来进行合并（有相同内容的列都可以通过这种方式进行合并列） <el-table :data="tableData" ref="tableDialog" ...
- Ant Design of Vue表格点击行展开与操作单元格冲突
Ant Design of Vue表格点击行展开与操作单元格冲突 问题： 使用Ant Design of Vue的Table组件，实现表格嵌套表格，并且点击父表格行展开子表格，由于父表格中有操作单元格，点击编辑或者删除时候，子表格也会切换...
- VUE +ElementUI 表格展开每次只展开一行
1、table 部分 :row-key='getRowKeys' :expand-row-keys="expands" @expand-change="expandSelect" 2、column 部分 ：参见官方示例 <el-table-column type="expand" > <template slot-scope=... ...
- elementUI表格树动态合并列问题处理（最终版，---新需求）
在之前的一篇博客中针对这个问题，写了解决方法。现在是加了新需求，发现之前的算法有一些不足之处，现在进行纠正。 目前表格的需求是： 评估人/评估分数/加减分说明，这个组合，根据评估人相同，就列合并；指标...
- element-ui 表格列动态展示，排序错乱问题
<el-table :data="tableData" border stripe style="width: 100%;background:white;" > <el-table-column key="1" type="index"... width
- elementUI,点击表格展开，刷新的时候也展开点击过的表格。点击箭头，或者表格这一行都可以。
<template> <el-table :data="dataList" style="width: 100%" ref="refTable" row-key="id" :expand-row-keys="expands" @row-click="rowClick" @expand-change="expandChange"> ...
- Layui table表格操作列，按钮过多时展开点击失效问题解决方法
// 缓存当前操作的是哪个表格的哪个tr的哪个td $(document).off('mousedown','.layui-table-grid-down') .on('mousedown','.layui-table-grid-down',function(event){ table._tableTrCurr = $(this).closest('td');...
- 手把手教你整合最优雅SSM框架：SpringMVC + Spring + MyBatis
小疯手把手带你整合SpringMVC+Spring+MyBatis三大框架，俗称SSM，用它完全代替传统的SSH框架，把它们最优雅的一面发挥出来。整合配置结束后，会有一个应用实例“图书管理系统”带给大家，希望能快速上手这个框架！
- vue+element 怎么实现表格的每行的某一列能点击？
**如下图，想要点击姓名这一列的每行的这个，要怎么实现啊？**  * * **由于element的标签是动态生成的，没办法给具体的click...
- 表格的展开和收起技术分享
开发工具与关键技术DW，CSS，JavaScript 作者：陈梅 撰写时间：2019年2月5日 ...源代码的样式很简单，给它盒子，再用table表格样式来布局，再用tr，td列好表格的内容。再另外用个盒子，设计展开、收...
- 封装element中的table表格，实现可控并动态渲染（动态表头）
在使用vue+element做管理系统的时候，使用到了element中的表格，但是element的表格只需要传递进去数据，然后写死表头即可渲染。 但是在追求组件化开发的vue项目中，特别是有很多表格的管理系统的时候，如果写死表头...