Maison > Article > interface Web > Comment masquer les colonnes d'un tableau en HTML
Comment masquer les colonnes d'un tableau en HTML
- WBOYoriginal
- 2021-12-17 15:53:436174parcourir
在html中，可以利用style属性给指定列的单元格元素添加“display:none”样式，实现隐藏table的列元素，语法为“...指定列单元格元素标签>”。
本教程操作环境：windows10系统、HTML5版、Dell G3电脑。
html怎样实现table列隐藏
在html中想要实现隐藏table元素的指定列元素，可以利用style属性。
通过style属性给指定列元素的单元格添加display:none的样式就能够隐藏这个单元格，进而隐藏整个列。
语法为：
<指定列单元格元素标签 style="display:none">...</指定列单元格元素标签>
示例如下：
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<table border="1">
<tr>
<th>Month</th>
<th style="display:none">Savings</th>
</tr>
<tr>
<td>January</td>
<td style="display:none">$100</td>
</tr>
<tr>
<td>February</td>
<td style="display:none">$50</td>
</tr>
</table>
</body>
</html>输出结果：
推荐教程：《html视频教程》
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：à quoi sert ajaxArticle suivant：à quoi sert ajax