表格展开关闭

author author     2022-09-15     627

关键词:

先上效果图

技术分享

有人就怒了:我裤子都脱了,你TM就这样的效果???好吧,客官,我改

技术分享

有人又怒了:我都在你床上了,你TM就这样的效果?

 

 

 技术分享

$(function(){

 $(‘.hdw‘).click(function(){

  $(this).toggleClass(‘select‘).siblings(‘.row-‘+this.id).toggle();            });

})

 

 

  <table>
   <thead>
    <th>三庙</th>
    <th>你是</th>
    <th>帅哥</th>
   </thead>
   <tbody>
    <tr class="hdw" id="hdw-1">
     <td colspan="3">第一组</td>
    </tr>
    <tr class="row-hdw-1">
     <td>111</td>
     <td>111</td>
     <td>111</td>
    </tr>
    <tr class="row-hdw-1">
     <td>111</td>
     <td>111</td>
     <td>111</td>
    </tr>
    <tr class="hdw" id="hdw-2">
     <td colspan="3">第二组</td>
    </tr>
    <tr class="row-hdw-2">
     <td>222</td>
     <td>222</td>
     <td>222</td>
    </tr>
    <tr class="row-hdw-2">
     <td>222</td>
     <td>222</td>
     <td>222</td>
    </tr>
    <tr class="hdw" id="hdw-3">
     <td colspan="3">第三组</td>
    </tr>
    <tr class="row-hdw-3">
     <td>333</td>
     <td>333</td>
     <td>333</td>
    </tr>
    <tr class="row-hdw-3">
     <td>333</td>
     <td>333</td>
     <td>333</td>
    </tr>        
   </tbody>
  </table>

 

 

 

*{  margin:0;  padding:0; }

thead th{  border-bottom:3px solid #ccc;  padding:8px; } table{  margin:10px;  border-collapse: collapse; }

table tr td{  padding:8px; }

table tr.hdw{  background:red; }

.row-hdw-1,.row-hdw-2,.row-hdw-3{ } table tr.select{  background:blue; }

 
















































在表格视图的自定义单元格上隐式展开可选值

】在表格视图的自定义单元格上隐式展开可选值【英文标题】:implicitlyunwrappinganOptionalvalueoncustomcelloftableview【发布时间】:2019-04-2607:51:07【问题描述】:首先我直截了当地说,我知道这是“重复”,这是我第二次问同样的问题-... 查看详情

展开菜单以展开/折叠所有菜单,无论它们是展开还是关闭

】展开菜单以展开/折叠所有菜单,无论它们是展开还是关闭【英文标题】:expandmenutoexpand/collapseallmenuesregardlessiftheyareexpandedorclosed【发布时间】:2020-12-0705:31:48【问题描述】:我有4个可扩展菜单和5个按钮。Collapsefirst按钮展开/... 查看详情

展开和折叠 tableView Sections

...布时间】:2013-07-1416:38:58【问题描述】:我想展开/折叠表格视图部分。我用谷歌搜索并找到了一个代码并且它工作正常。但问题是打开新部分时之前打开的部分没有关闭。谢谢-(void)sectionHeaderTapped:(UITapGestureRecognizer*)gesture 查看详情

展开和折叠表格视图单元格

】展开和折叠表格视图单元格【英文标题】:ExpandandCollapsetableviewcells【发布时间】:2016-04-2814:02:32【问题描述】:我可以展开和折叠单元格,但我想在UITableViewCell中调用函数(展开和折叠)来更改按钮标题。导入UIKit类MyTicketsTab... 查看详情

iview中表格(table)添加点击行,展开扩展,默认展开所有行

参考技术A实现点击某一行展开,有两种方式,亲测第二种有效: 查看详情

Swift 3 - 已展开第一个单元格的可展开表格视图单元格

】Swift3-已展开第一个单元格的可展开表格视图单元格【英文标题】:Swift3-ExpandableTableViewCellswithfirstcellalreadyexpanded【发布时间】:2017-03-2115:04:29【问题描述】:我正在使用Swift3。我已按照本教程获取它,以便我可以点击表格视图... 查看详情

element-ui的table表格展开行功能

参考技术A业务需要表格能够展开某一行,但组件中只能展开所有行,或者用table的树形数据(row中需包含children字段),可以通过控制row-class-name来定义表格中需要展开的行。 查看详情

extjsgridgrouping关闭和展开

Ext.onReady(function(){varstore=Ext.create(‘Ext.data.Store‘,{storeId:‘employeeStore‘,fields:[‘name‘,‘seniority‘,‘department‘],groupField:‘department‘,data:{‘employees‘:[{"name":"MichaelScott","seniori 查看详情

iPhone UITableView 可展开/可折叠

...另一个之下。两个表都必须是可展开和可折叠的。当两个表格都处于可折叠模式时,两个表格的标题都可见。单击我的第一个表格的标题,我必须展开我的第一个表格。在展开我的第一个表格时,第二个表格的标题必须可见,但... 查看详情

如何使表格单元格根据内容展开

】如何使表格单元格根据内容展开【英文标题】:Howtomaketablecellexpandbasedoncontent【发布时间】:2017-01-1422:33:36【问题描述】:我想在一张桌子旁边放3个div。表格应该根据里面的内容展开,3个div应该平均占用剩余的空间。我需要di... 查看详情

展开和折叠所有表格视图单元格

】展开和折叠所有表格视图单元格【英文标题】:ExpandandCollapseAllTableViewCells【发布时间】:2014-12-2119:19:15【问题描述】:我需要一些UI建议。我有一个视图需要加载如下格式的数据:"heading":"Thisisaheader","content":"Thisissomedetailedconte... 查看详情

Excel电源查询;将表格展开为列

】Excel电源查询;将表格展开为列【英文标题】:ExcelPowerQuery;Expandtableintocolumns【发布时间】:2021-11-1923:41:12【问题描述】:我有两个要合并的表,但我不能完全按照我希望的方式进行合并。第一个是日期列表和一些数据,第二... 查看详情

展开和折叠表格视图中的单元格

】展开和折叠表格视图中的单元格【英文标题】:Expandandcollapsecellsintableview【发布时间】:2021-07-0508:53:19【问题描述】:我有一个表格视图。一些单元格包含图像,其他文本。我希望能够折叠和展开单元格。为了能够做到这一点... 查看详情

使用显示/减少按钮展开/折叠表格视图单元格

】使用显示/减少按钮展开/折叠表格视图单元格【英文标题】:Expand/Collapsetableviewcellwithshow/lessbutton【发布时间】:2017-11-2613:58:07【问题描述】:我想创建一个如下图所示的表格视图...tableviewcell并非所有单元格都有额外的值,但... 查看详情

html5 - 如何折叠和展开复杂的表格元素

】html5-如何折叠和展开复杂的表格元素【英文标题】:html5-howtocollapsingandexpandingforcomplicatedtableelements【发布时间】:2016-03-2207:34:01【问题描述】:您好,我需要一个表格的展开和折叠功能。网上找到的代码大部分都是for然后在js... 查看详情

如何为表格的每一行创建展开/折叠功能?角6

】如何为表格的每一行创建展开/折叠功能?角6【英文标题】:HowcanIcreateexpand/collapsefunctionforeachrowoftable?Angular6【发布时间】:2019-02-2422:35:08【问题描述】:所以我需要能够扩展表格每一行的一些细节。现在我有两个问题:点击... 查看详情

无法同时添加和删除行

...正在学习一个教程,我可以通过添加一些子单元格来展开表格视图,并通过删除子单元格来折叠表格。我正在尝试更改扩展操作的执行方式。当我点击一行时,它会展开并显示子单元格,当我点击另一行时,前一个展开的行应该... 查看详情

我们如何快速在表格视图底部添加展开和折叠单元格

】我们如何快速在表格视图底部添加展开和折叠单元格【英文标题】:Howtocanweaddexpandandcollapsecellatthebottomoftableviewinswift【发布时间】:2021-06-0601:18:46【问题描述】:我不知道如何在swift的tableview底部添加展开和折叠单元格。因为... 查看详情