表格树

最新推荐文章于 2024-01-05 14:39:33 发布
最新推荐文章于 2024-01-05 14:39:33 发布
阅读量101 收藏
点赞数
分类专栏： javascript 文章标签： jquery ViewUI

 

<html>
	<head>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
		$(function(){
		
				$("tr[aa='aa']").bind("click", function(){
					var display = $(this).attr('display');
					if (display == 'block'){
						$('tr[pid='+$(this).attr('id')+']').hide();
						$(this).removeAttr('display');
						
						}else{
								$('tr[pid='+$(this).attr('id')+']').show();
								$(this).attr('display','block');
							}

					})
					
			})
	</script>
	</head>
	<body>
<table border="1" cellSpacing="0" cellPadding="0">
  <thead>  
        <tr>  
            <td>姓名</td>  
            <td>日期</td>  
            <td>金额</td>  
            <td>说明</td>  
        </tr>  
    </thead>  
    <tbody>  

        <tr id="11" aa="aa">
        	<td colspan ="4">
            		Common
            </td> 
            </tr>  
        <tr pid="11" style="display:none;">  
        		<td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
        <tr pid="11" style="display:none;">  
            <td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>

        <tr id="12" aa="aa">
        	<td colspan ="4">
            		Action
            </td> 
            </tr>  
        <tr pid="12" style="display:none;">  
            <td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
        <tr pid="12" style="display:none;">  
        		<td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
        <tr id="13" aa="aa">
        	<td colspan ="4">
            		TransAction
            </td> 
            </tr>  
        <tr pid="13" style="display:none;">  
        		<td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
        <tr pid="13" style="display:none;">  
            <td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
        <tr id="14" aa="aa">
        	<td colspan ="4">
            		Action
            </td> 
            </tr>  
        <tr pid="14" style="display:none;">  
        		<td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
        <tr pid="14" style="display:none;">  
        		<td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
        <tr id="15" aa="aa">
        	<td colspan ="4">
            		Workflow
            </td> 
            </tr>  
        <tr pid="15" style="display:none;">  
        
            <td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
        <tr pid="15" style="display:none;">  
        	
            <td>A股</td> 
            <td>A股</td>
            <td>A股</td>
            <td>A股</td>
            			
        </tr>
        
    </tbody>  
</table>
</body>
<!-- http://www.yto.net.cn/cn/service/index.html -->
</html>
iteye_6973
关注
专栏目录
java 表格树_Java Swing中的表格(JTable)和树(JTree)组件使用实例
weixin_32163411的博客
02-12 1147
一:表格(JTable):1.基本概念:表格(JTable)是Swing 新增加的组件，主要是为了将数据以表格的形式显示.给显示大块数据提供了简单的机制.2.常用构造方法:* JTable()：使用系统默认的模型创建一个JTable 实例.* JTable(int numRows,int numColumns)：创建一个使用DefaultTableModel 指定行、列的空表格。* JTable(...
antd 表格树如何展开_ElementUI树形表格默认展开
weixin_39792803的博客
12-19 1138
ElementUI树形表格默认展开，通过expand-row-keys设置默认展开行。我们在使用element的Table表格来编写树形表格时，官方提示需要除了正常配置外 row-key 树形是必须的官方给的例子配置了上面的这个属性后我们就可以使用 expand-row-keys 来配置默认展开的key对应 expand-row-keys 的配置，官方也没有给出例子，于是我就自己配置了一下ref=...
avue表格树
徐同保的专栏
08-15 719
avue表格树
avue表格树全部展开
yeraner的博客
01-05 613
后端全部返回所有数据，单独在option中设置defaultExpandAll: true不管用，需要递归把hasChildren设置为false，
表格 树形结构 HTML CSS,基于jQuery ztree实现表格风格的树状结构
weixin_34190683的博客
06-07 795
zTree 简介zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。zTree 是开源免费的软件(MIT 许可证)。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载采用了 延迟加载 技术，上万节点轻松加载，即使在 ...
antd 表格树如何展开_react中antd的表格自定义展开
weixin_34669890的博客
01-26 884
antd的表格官方案例中给出的都是固定的图表展开，在做需求的时候，需要使用点击最后一列，然后出现展开内容，实现效果图如下在最开始设置一个全局变量 const keys = [];在设置列参数的函数中render个open函数{title: '操作',dataIndex: 'action',key: 'action',className: 'hotAaction hotZaction',rende...
element表格树形结构
紫冰的博客
06-08 1218
1、首先我们要复制一个模板 <template> <div> <el-table :data="tableData" style="width: 100%; margin-bottom: 20px" border> <el-table-column prop="date" label="日期" > </el-table-column> <el-table-co
表格树形结构vue
hfyldx的博客
01-07 1417
在表格添加tree-props属性 :tree-props="{children: 'children', hasChildren: 'haschildren'}" 树形结构数据封装（建新js用来封装数据） /** * 构造树型结构数据 * @param {*} data 数据源 * @param {*} id id字段 默认 'id' * @param {*} parentId 父节点字段 默认 'parentId' * @param {*} children 孩子节点字段 默认 'child
element-ui 表格树数据显示
晴天小风的博客
01-02 2532
1.使用表格树，element-ui比较新的版本开始支持，最新的版本却在报错，不识别树结构的几个属性 <script src="https://cdn.bootcss.com/element-ui/2.8.2/index.js"></script> 在用为2.8.2版本，可实现下面树形数据显示和懒加载： <el-table ...
element-ui中表格树类型数据的显示
m0_63026408的博客
10-18 1129
【代码】element-ui中表格树类型数据的显示。
boostrapTable表格树
01-13
在"boostrapTable表格树"这个主题中，我们将深入探讨如何使用BootstrapTable实现表格树结构，以及它在实际项目中的应用。 BootstrapTable表格树是一种特殊的表格展示方式，它将数据以层次结构的形式展现，通常用于...
【瑕疵检测】基于matlab瓶盖瑕疵检测【含Matlab源码 730期】.md
10-15
CSDN Matlab武动乾坤上传的资料均有对应的代码，代码均可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 图像识别：表盘识别、车道线识别、车牌识别、答题卡识别、电器识别、跌倒检测、动物识别、发票识别、服装识别、汉字识别、红绿灯识别、火灾检测、疾病分类、交通标志牌识别、口罩识别、裂缝识别、目标跟踪、疲劳检测、身份证识别、人民币识别、数字字母识别、手势识别、树叶识别、水果分级、条形码识别、瑕疵检测、芯片识别、指纹识别
【人脸识别】基于matlab GUI PCA人脸识别【含Matlab源码 748期】.md
10-15
【人脸识别】基于matlab GUI PCA人脸识别【含Matlab源码 748期】.md
【人脸识别】基于matlab GUI人脸识别课堂点名【含Matlab源码 C017期】.md
10-15
【人脸识别】基于matlab GUI人脸识别课堂点名【含Matlab源码 C017期】.md
闭路头钉铆合机sw16可编辑_三维3D设计图纸.zip
10-15
闭路头钉铆合机sw16可编辑_三维3D设计图纸.zip
羽毛球捡拾车sw19可编辑_三维3D设计图纸.zip
10-15
羽毛球捡拾车sw19可编辑_三维3D设计图纸.zip
SSM+JSP高考志愿辅助填报系统答辩PPT.pptx
10-15
计算机毕业设计答辩PPT
技术资料分享FPGA入门系列实验教程V1.0.zip
最新发布
10-15
技术资料分享FPGA入门系列实验教程V1.0.zip
QTableView实现表格树
06-10
要实现QTableView的表格树功能，可以使用QStandardItemModel作为数据模型，并在数据模型中设置每个项的parent()和child()来表示树形结构，然后将QStandardItemModel设置给QTableView即可。 以下是一个简单的示例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值