bootstrap table 里data-mobile-responsive属性
时间: 2023-07-30 09:06:04 浏览: 373
`data-mobile-responsive` 是 Bootstrap Table 插件中的一个属性,用于在移动设备上优化表格显示效果。当这个属性被设置为 true 时,Bootstrap Table 会自动将表格的列折叠起来,只显示第一列,用户可以点击第一列来展开其他列。
使用 `data-mobile-responsive` 属性可以让 Bootstrap Table 更好地适应移动设备的屏幕大小,提高用户体验。示例代码如下:
```html
<table data-toggle="table" data-mobile-responsive="true">
<thead>
<tr>
<th data-sortable="true">Name</th>
<th data-sortable="true">Age</th>
<th data-sortable="true">Gender</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>25</td>
<td>Male</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
<td>Female</td>
</tr>
</tbody>
</table>
```
在移动设备上,这个表格会默认只显示第一列(Name),用户可以点击每一行来展开其他列。注意,需要引入 Bootstrap Table 插件才能使用这个属性。
阅读全文