html table隐藏列
隐藏table表的第一列，适合显示信息，隐藏ID主键。
1 <html> 2 <head> 3 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 4 <title>隐藏列</title> 5 <script type="text/javascript" src="jquery-1.12.4.js"></script> 6 <script type="text/javascript"> 7 function hidecolumn() { 8 $('#showtable tr').find('td:eq(0)').hide(); 9 $('#showtable tr').find('th:eq(0)').hide(); 10 } 11 12 </script> 13 14 </head> 15 <body> 16 <button onclick="hidecolumn();">隐藏第一列</button> 17 <table id="showtable" border="1" width="100%" cellspacing="0" cellpadding="0"> 18 <tr > 19 <th>第一列</th> 20 <th>第二列</th> 21 </tr> 22 <tr> 23 <td>data1_1</td> 24 <td>data1_2</td> 25 </tr> 26 <tr> 27 <td>data2_1</td> 28 <td>data2_2</td> 29 </tr> 30 <tr> 31 <td>data3_1</td> 32 <td>data3_2</td> 33 </tr> 34 <tr> 35 <td>data4_1</td> 36 <td>data4_2</td> 37 </tr> 38 <tr> 39 <td>data5_1</td> 40 <td>data5_2</td> 41 </tr> 42 </table> 43 44 45 46 47 </body> 48 </html>
效果图
点击之前
点击之后
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现