给layui-table 表头中的某1列添加id
时间: 2024-03-21 12:41:19 浏览: 43
layui中table表头样式修改方法
3星 · 编辑精心推荐
你可以在表头中某一列的lay-data属性中添加一个id字段来实现:
```html
<table class="layui-table">
<colgroup>
<col width="150">
<col id="my-col">
<col>
</colgroup>
<thead>
<tr>
<th>列1</th>
<th lay-data="{id:'my-col'}">列2</th>
<th>列3</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
</tr>
</tbody>
</table>
```
在这个例子中,我给第二列添加了一个id为"my-col"的属性。你可以通过JavaScript来获取这个列的DOM元素,例如:
```javascript
var myCol = document.querySelector('#my-col');
```
阅读全文