时间戳

首页 > 解决方案 > Bootstrap-vue b-table 响应属性无法识别 lg 或 xl 值

html - Bootstrap-vue b-table 响应属性无法识别 lg 或 xl 值

问题描述

我希望我的表格始终在底部显示水平滚动条，而不必向下滚动到表格的最底部。

如果我responsive像这样使用该属性：

<b-table
  :responsive="md"
  :items="details" 
>

md并被sm识别：如，如果我超过 788px 的浏览器宽度，水平滚动条就会消失。但是，如果我使用lgor xl，则无法识别增加的断点值。这意味着如果我让浏览器宽度超过 788 像素，水平滚动条就不存在。

我在这里俯瞰什么？

在文档中：

“生成响应表以使其水平滚动。为始终响应的表设置为 true，或将其设置为断点 'sm'、'md'、'lg' 或 'xl' 之一以使表响应（水平滚动）仅在小于断点的屏幕上。有关详细信息，请参阅下面的响应表。”

标签： htmlcssbootstrap-4bootstrap-table

解决方案

Bootstrap-vue 表采用响应值：sm、md、lg 或 xl 作为 String 类型的 props。因此冒号无效。

例子：

<b-table small :fields="fields" :items="items" responsive="sm">

推荐阅读