bootstraptable 固定列
时间: 2023-08-04 12:03:17 浏览: 298
要固定列,可以使用 Bootstrap Table 插件中的 fixed-columns 扩展。
以下是一个示例代码,它将 first_name 和 last_name 列固定在左侧:
```html
<table id="myTable" data-toggle="table" data-fixed-columns="true">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="first_name" data-fixed-column="true">First Name</th>
<th data-field="last_name" data-fixed-column="true">Last Name</th>
<th data-field="email">Email</th>
<th data-field="gender">Gender</th>
<th data-field="ip_address">IP Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
<td>Male</td>
<td>192.168.1.1</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
<td>Smith</td>
<td>jane@example.com</td>
<td>Female</td>
<td>192.168.1.2</td>
</tr>
</tbody>
</table>
```
在上面的代码中,我们使用了 data-fixed-columns="true" 属性来开启固定列功能,并使用了 data-fixed-column="true" 属性将 first_name 和 last_name 列固定在左侧。