bootstrapTable 没有数据提示居中展示
时间: 2023-08-06 22:01:43 浏览: 100
你可以通过以下方式将无数据提示居中展示:
1. 在表格容器中添加一个 CSS 类 "text-center",它将使提示文本居中对齐。
```html
<div class="table-responsive">
<table id="myTable" class="table table-striped table-bordered">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="name">Name</th>
<th data-field="price">Price</th>
</tr>
</thead>
</table>
</div>
```
2. 在 JavaScript 中设置无数据提示信息的属性 `formatNoMatches`,并将其中的提示信息包裹在一个 `<div>` 元素中。
```javascript
$('#myTable').bootstrapTable({
formatNoMatches: function () {
return '<div class="text-center">没有匹配的记录</div>';
}
});
```
这样,无数据提示信息就会居中展示了。
阅读全文