表格添加展开（折叠）按钮"/>
Html 中表格添加展开（折叠）按钮
简易代码：
<html><head><meta http-equiv="Content-Typecontent="text/html; charset=UTF-8" /><title>compatibility assessment</title><script type="text/javascript" src=".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 <dependency-name>` to confirm whether package name changed.</h5><hr></body>
</html>效果图：
更多推荐
Html 中表格添加展开（折叠）按钮
发布评论