使用BootStrap时想要隐藏某一列 hideColumn+
时间: 2023-07-15 11:11:02 浏览: 107
可以使用Bootstrap的CSS类`d-none`来隐藏某一列。具体方法如下:
1. 在表格的`<thead>`中添加一个列头(`<th>`)元素,指定该列的class为`d-none`:
```html
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th class="d-none">地址</th>
</tr>
</thead>
```
2. 在表格的`<tbody>`中,对应的每一行(`<tr>`)中也需要添加一个空的列(`<td>`),并指定class为`d-none`:
```html
<tbody>
<tr>
<td>张三</td>
<td>20</td>
<td class="d-none"></td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td class="d-none"></td>
</tr>
</tbody>
```
通过以上方法,就可以将表格的某一列隐藏起来了。注意,使用`d-none`类只是将元素从界面上隐藏了,但仍然存在于DOM结构中,如果需要从DOM中完全删除该列,可以使用JavaScript或jQuery等工具来实现。
阅读全文