Html 中表格添加展开(折叠)按钮

news/2024/12/22 20:18:54/

简易代码:

<html><head><meta http-equiv="Content-Typecontent="text/html; charset=UTF-8" /><title>compatibility assessment</title><script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script><script type="text/javascript">$(document).ready(function() {$("#foldtable").click(function() {var txt = $(this).text();if(txt == "unfold↓") {$(this).text("fold↑");$(".m-table1").find(".hiderow").css("display", "table-row");$(".m-table1").find(".omitrow").css("display", "none");} else {$(this).text("unfold↓");$(".m-table1").find(".hiderow").css("display", "none");$(".m-table1").find(".omitrow").css("display", "table-row");}})});</script></head><body><table style="border-collapse:collapse;border:none;outset black;" class="m-table1"><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">dependency name</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">centos7.6</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color_style_placeholder">openEuler20.03</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-rfc3986 >= 0.3.1</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">ebtables</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">ebtables-2.0.10-16.el7.x86_64.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color_style_placeholder">ebtables-2.0.11-2.oe1.x86_64.rpm</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">iscsi-initiator-utils</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">iscsi-initiator-utils-6.2.0.874-10.el7.i686.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-os-vif >= 1.7.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-oslo-db >= 4.27.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-netifaces >= 0.10.4</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-netifaces-0.10.4-3.el7.x86_64.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">iptables-services</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">iptables-services-1.4.21-28.el7.x86_64.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color_style_placeholder">iptables-1.8.5-2.oe1.x86_64.rpm</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-stevedore >= 1.20.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-migrate >= 0.11.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-oslo-rootwrap >= 5.8.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-decorator >= 3.4.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-decorator-3.4.0-3.el7.noarch.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color_style_placeholder">python2-decorator-4.4.2-1.oe1.noarch.rpm <br> python3-decorator-4.4.2-1.oe1.noarch.rpm</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-cursive >= 0.2.1</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-oslo-service >= 1.24.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-libguestfs</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-libguestfs-1.38.2-12.el7.x86_64.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color_style_placeholder">python2-libguestfs-1.40.2-9.oe1.x86_64.rpm <br> python3-libguestfs-1.40.2-9.oe1.x86_64.rpm <br> libguestfs-help-1.40.2-9.oe1.x86_64.rpm</td></tr><tr><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-babel >= 2.3.4</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-oslo-messaging >= 5.29.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-microversion-parse >= 0.1.2</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-eventlet >= 0.18.2</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-prettytable >= 0.7.1</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-prettytable-0.7.2-3.el7.noarch.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: red">python-prettytable-help-0.7.2-18.oe1.noarch.rpm <br> python3-prettytable-0.7.2-18.oe1.noarch.rpm</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-glanceclient >= 1:2.8.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-lxml >= 3.2.1</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-lxml-3.2.1-4.el7.x86_64.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">shadow-utils</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">shadow-utils-4.1.5.1-25.el7.x86_64.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color_style_placeholder">shadow-4.8.1-2.oe1.x86_64.rpm <br> shadow-help-4.8.1-2.oe1.noarch.rpm</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python-websockify >= 0.8.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">genisoimage</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">genisoimage-1.1.11-25.el7.x86_64.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color_style_placeholder">genisoimage-1.1.11-43.oe1.x86_64.rpm</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">sysfsutils</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">sysfsutils-2.1.0-16.el7.x86_64.rpm</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color_style_placeholder">sysfsutils-2.1.0-28.oe1.x86_64.rpm</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-oslo-serialization >= 2.18.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="hiderow"  style="display: none"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">python2-oslo-utils >= 3.33.0</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;"></td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:left;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px; color: orange">package name maybe changed or package missing</td></tr><tr class="omitrow"><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:center;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">...</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:center;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">...</td><td class="row" style="background-color:#eeeeee;font-weight:bold;text-align:center;font-size:0.94em;white-space:nowrap;border:1px inset gray;padding: 3px;">...</td></tr><tr><td></td><td></td><td class="row" style="font-weight:bold;text-align:right;font-size:0.94em;white-space:nowrap;inset gray;"><button id="foldtable" class="foldbtn" style="color: blue">unfold↓</button></td></tr></table><br><hr><h5 algin="center">Note: use command `dnf repoquery --whatprovides &lt;dependency-name&gt;` to confirm whether package name changed.</h5><hr></body>
</html>

效果图:

 


http://www.ppmy.cn/news/664713.html

相关文章

html那种折叠文字内容怎么实现,html+css实现文字折叠特效实例

本文主要介绍了html+css实现文字折叠特效实例,分享给大家,具体如下: 效果: 实现: 1. 定义标签: aurora 2. 设置文字基本样式: h1{text-transform: uppercase; letter-spacing: 3px; font-size: 15vw; transform: rotate(-10deg) skew(30deg); position: relative; color…

Pittkai——Android折叠屏生命周期

Android折叠屏生命周期 &#xff08;第一次在CSDN上写文章&#xff0c;随便写写&#xff0c;记录一下&#xff09; 如今随着手机的发展&#xff0c;屏幕从分屏甚至走上了折叠屏的道路&#xff0c;即将推出的谷歌Android Q系统更是支持了折叠屏&#xff0c;但苦于手头没有Androi…

VSCode 折叠展开快捷键 macOS版

查看 commandshiftp 搜索fold和unfold 举例 折叠所有&#xff1a;commandk0(数字0)展开所有&#xff1a;commandkj折叠光标所在代码块&#xff1a;commandk[展开光标所在代码块&#xff1a;commandk]

Android魔术(第五弹)—— 一步步实现滑动折叠列表

目录 1、效果展示 2、效果分析 3、Item布局 3、实现Adapter 4、监听滑动 5、回弹效果 6、总结一下 源码&#xff1a; 1、效果展示 这个效果是一年多前完成的&#xff0c;是模仿了当时喵街app的首页的效果&#xff0c;现在整理出来可能有些过时了&#xff0c;不过一些知识点和思…

JS实现一键展开、折叠所有树节点

在数据分析报表中&#xff0c;通常会有结构树展开的分析报表。在结构树节点较多的时候&#xff0c;逐个进行展开、折叠等操作时&#xff0c;会比较繁琐、费时间、费手劲&#xff1b;此处示例通过点击按钮的方式&#xff0c;使用js实现一键展开、折叠所有的树节点&#xff08;不…

html内容折叠,HTML+CSS入门 文本折叠详解

本篇教程介绍了HTMLCSS入门 文本折叠详解&#xff0c;希望阅读本篇文章以后大家有所收获&#xff0c;帮助大家HTMLCSS入门。 < 先看效果&#xff1a; 收缩状态 展开状态 源代码&#xff1a; html>文本折叠测试 .a-text { font-size: 20px;color: #b30000;cursor: pointer…

Bootstrap3 折叠插件的使用方法

折叠 折叠插件&#xff08;collapse.js&#xff09;可以很容易地让页面区域折叠起来。当列表菜单的条目特别多&#xff0c;而页面空间有限时&#xff0c;使用类似于手风琴的折叠菜单可以节约页面空间&#xff0c;方便用户浏览。 使用方法 Bootstrap中&#xff0c;折叠组件的…

python折叠代码_Python实现代码块儿折叠

Python实现代码块儿折叠 在python中方法和类都是可以折叠的,但是很多时候需要按照实现的功能将一部分代码折叠起来。 可以用着样的注释代码实现: # your code # 很简单的两句话,但是我第一次用的时候就出了问题,因为我是已经完成代码了,就分别把这两句话写在了前后两端,…