为什么我的表头不能坚持，我使用的是bootstrap-vue
表头不能坚持的问题可能是由于以下几个原因导致的：
- 代码错误：请检查你的代码是否正确，特别是与表头相关的部分。确保你正确地引入了bootstrap-vue库，并按照官方文档的要求使用了正确的组件和属性。
- 版本兼容性问题：bootstrap-vue可能与你使用的其他库或框架存在版本兼容性问题。请确保你使用的bootstrap-vue版本与其他库或框架兼容，并且按照官方文档的要求进行配置和使用。
- CSS样式冲突：可能存在CSS样式冲突导致表头无法正常显示。请检查你的CSS样式表，确保没有对表头进行不必要的样式修改或覆盖。
- 数据绑定问题：如果你的表头是通过数据绑定来生成的，可能存在数据绑定的问题导致表头无法正确显示。请检查你的数据绑定逻辑，确保正确地绑定了表头数据。
针对以上问题，你可以尝试以下解决方案：
- 仔细检查代码：逐行检查你的代码，确保没有语法错误或逻辑错误。可以使用浏览器的开发者工具来查看控制台是否有报错信息。
- 更新版本：如果你使用的是较旧的bootstrap-vue版本，尝试更新到最新版本，以确保与其他库或框架的兼容性。
- 调整样式：检查你的CSS样式表，确保没有对表头进行不必要的样式修改或覆盖。可以尝试使用开发者工具来查看元素的样式是否被其他样式覆盖。
- 检查数据绑定：确保你正确地绑定了表头数据，并且数据的格式和结构符合bootstrap-vue的要求。
关于bootstrap-vue的更多信息和使用方法，你可以参考腾讯云的相关产品和文档：
- 腾讯云产品：腾讯云提供了云开发服务，可以帮助你快速构建和部署应用程序。你可以使用腾讯云的云服务器、云数据库等产品来支持你的应用程序。具体产品信息可以参考腾讯云的官方网站：https://cloud.tencent.com/
- bootstrap-vue文档：bootstrap-vue是一套基于Bootstrap和Vue.js的开源UI组件库，提供了丰富的UI组件和功能。你可以参考官方文档来了解如何正确使用bootstrap-vue：https://bootstrap-vue.org/
请注意，以上答案仅供参考，具体解决方案可能因个人情况而异。如果问题仍然存在，请提供更多详细信息，以便我们能够更准确地帮助你解决问题。
相关·内容
我对bootstrap vue .I是个新手，我的整个应用程序都使用了bootstrap-vue 1.4，我的表使用了b-table，但表头在滚动时也会移动，我想让它们变得粘滞或不可滚动。我发现在新的bootstrap-vue 2.0中有一个粘滞标题选项，但我不能使用它，因为我可能会破坏我的应用程序。有什么方法可以使用bootstrap-vue 1.4使表头变得粘滞吗？
浏览 67提问于2019-09-05得票数 0
回答已采纳
为什么我的表头不能坚持，我使用的是bootstrap-vue。我已经放置了一个粘性标题，当我删除320px在粘性标题它覆盖在卡上。
<div class="card">
<div class="card-body">
<h2 class="card-title text-center">PRODUCTS</h2>
<div class="row">
<div class="col-12" style="heig
浏览 7提问于2021-05-19得票数 0
Webpack包分析器显示，引导-vue软件包的图标大小为535 in。
我不想在一个项目中使用它们，所以我一直试图用webpack的IgnorePlugin来排除这个包。
根据中的示例，我尝试过这样写：
new webpack.IgnorePlugin({
resourceRegExp: /^icons(.*)$/,
contextRegExp: /^bootstrap-vue(.*)$/
})
但是它没有t work. The only thing I was able to reproduce, is to completely exclude b
浏览 1提问于2020-07-13得票数 3
回答已采纳
1回答
我用的是vue-cli + bootstrap-vue。尽管我像这样导入了引导程序(在我的main.js中)，但我还是搞不清楚为什么和如何引导混合器不能工作。
import 'bootstrap/scss/bootstrap-grid.scss'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue);
并试图在组件中使用一些混合器。
<style lang="scss" scoped>
.xxx {
@include me
浏览 0提问于2018-09-11得票数 3
回答已采纳
1回答
我有一个3列的表，并希望第一列是所需的最小大小。标题是“水平”，似乎是25-29像素取决于我使用的字体/操作系统。然而，表头似乎需要至少35在Windows和52在Mac上显示它没有省略。我不知道为什么需要额外的空间(没有边框，等等)。
最后，我发现以下内容将给出Windows (35)上所需的大小，但在Mac上返回36是不够的(很可能是因为排序箭头指示器在文本旁边，而不是在上面).
table.getTableHeader().getDefaultRenderer().getTableCellRendererComponent(null，table.getColumnModel().getC
浏览 1提问于2011-09-12得票数 2
回答已采纳
我不明白为什么此视图中的表头不能生成：
我想你声明了'for‘来改变上下文节点，所以从我提供的例子中，我期望输出表头。
你能告诉我我做错了什么吗？我是Ext JS的新手，所以我才刚刚开始了解它。
浏览 0提问于2012-10-01得票数 0
回答已采纳
如果我们不能在“页眉或页脚”中包含表头，如何在多个页面中显示表头。基本上我不希望表头显示在第一页，因为它已经在正文中了。
我尝试将表头放在页眉中，然后尝试用以下命令隐藏它
=iif(全局参数！PageNumber= 1，TRUE，FALSE)
它可以工作，但它会破坏我在页眉中的其他信息(如图像和报告名称)，把所有东西都放在左边(不知道为什么)。
请帮我解决这个问题。
浏览 0提问于2019-04-13得票数 1
1回答
如何将旧的BW3.x代码(有表头的表)改为BW7.x (无表头的表)
旧代码：
LOOP AT p_package.
gv_tabix = sy-tabix.
" changing header ... and more
MODIFY p_package INDEX gv_tabix.
在这里，标题行被更改，并且使用modify和index更新表
不幸的是，我不知道如何在没有标题的表上使用index关键字。
到目前为止，我编写了：
LOOP AT p_package into p_package_line.
gv_tabix = sy-tabix.
" ch
浏览 5提问于2016-08-09得票数 1
回答已采纳
我有一个表头，看起来像这样：
我正尝试在bootstrap-vue中重新创建这个表。原始HTML如下所示(简化)：
<table>
<thead>
<tr>
<th></th>
<th colspan="4">Group 1</th>
<th colspan="4">Group 2</th>
<!--etc-->
</tr>
<tr>
浏览 20提问于2018-07-25得票数 1
回答已采纳
1回答
我有下面的标记。
<!DOCTYPE html>
<html>
<body>
<h2>HTML Table</h2>
<table>
<tr>
<th tabIndex="0">Company</th>
<th tabIndex="0">Contact</th>
<th tabIndex="0">Country</th>
</tr>
<
浏览 2提问于2018-02-23得票数 1
我用的是vue.js、webpack、npm和jQuery。现在我想在我的项目中包含框架bootstrap-vue。我通过npm遵循了https://bootstrap-vue.js.org/docs的指南，并包含了bootstrap-vue。在启动npm的构建过程时，我收到了太多使用babel运行时的错误，比如： ERROR in ./node_modules/bootstrap-vue/es/utils/popover.class.js
Module not found: Error: Can't resolve '@babel/runtime/helpers/typeo
浏览 26提问于2019-02-18得票数 3
回答已采纳
我有一个带有v-on:click标签的bootstrap-vue b按钮。但是呈现的HTML不包含onclick事件。以下是依赖关系： "webpack": "^5.35.1",
"webpack-cli": "^4.6.0",
"webpack-dev-server": "^3.11.2"
"bootstrap": "^4.6.0",
"bootstrap-vue": "^2.21.2",
"vue": "^
浏览 15提问于2021-04-26得票数 0
回答已采纳
我想创建一个表头，看起来像这样： ? 到目前为止我的代码如下： \begin{tabular}{| m{4.5cm} | m{2.5cm} | m{2.5cm} | m{1.8cm} | m{1.8cm} |}
\hline
\rowcolor{gray!15} \multicolumn{3}{|c|}{Description} & \multicolumn{1}{c|}{\multirow{2}{*}{Literatur}} \\ \cline{1-3}
\multicolumn{1}{|c|}{Category A} & \multicolumn{1}{
浏览 20提问于2021-09-14得票数 0
回答已采纳
1回答
我在使用bootstrap-vue时遇到了很多麻烦。请看当我从boostrap-vue.js.org复制并粘贴导航条组件时发生的事情的图像。零星的东西不见了，我不明白为什么。当我创建b-link时，我可以创建工作的路由器链路，但它们的样式为零。主按钮看起来没问题，但通常按钮看起来不正确，无线电是看不见的。基本上，有些东西是不正确的。
Package.json
"dependencies": {
"bootstrap": "^4.0.0-alpha.6",
"bootstrap-vue": "
浏览 3提问于2018-09-23得票数 0
在带有bootstrap-vue的vue项目中，我搜索了一下select组件是如何工作的https://bootstrap-vue.js.org/docs/components/form-select/，没有看到它有任何过滤选项吗？如果没有，还有没有其他带筛选选项的bootstrap-vue选择组件/库？ "bootstrap-vue": "^2.1.0"
"vue": "^2.6.10" 谢谢!
浏览 33提问于2020-01-25得票数 3
回答已采纳
我使用jQuery表排序插件对我的表进行排序。正如您在此中所看到的，可以使用按钮触发排序重置。
$(function() {
$("table").tablesorter({
sortInitialOrder: 'asc'
});
$('button').click(function(){
$('table').trigger('sortReset');
return false;
});
});
我想要的是，单击未排序的列将始终按照sortInitialOrder属性指定的
浏览 1提问于2017-03-02得票数 0
如果一个工作表中存在的数据比支持的数据多，则使用jett模板转换器。将在下一个工作表中显示更多数据。如果是，它会包含表头吗？
浏览 11提问于2018-01-24得票数 1
我创建了两个Vuejs项目。第一个main.js看起来是这样的：
import Vue from 'vue'
import App from './App.vue'
import BootstrapVue from "bootstrap-vue";
import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue/dist/bootstrap-vue.css";
Vue.config.productionTip = false
new Vue
浏览 0提问于2019-02-01得票数 2
回答已采纳
2回答
你好，我试图加载引导css通过webpack风格-加载在我的vue2js SPA。
我用npm install --save-dev css-loader安装了样式加载器，并在devDependiecies of package.json中安装了它。我还将以下内容添加到我的中
{
test: /\.css$/,
use: [ 'style-loader', 'css-loader' ]
}
然后，我通过
npm install bootstrap@4.0.0-beta.3
我做的最后一件事就是在main.js中导入引导css。
i
浏览 6提问于2018-01-16得票数 5
回答已采纳
控制台错误消息如下所示
script5017 syntax error in regular expression
chunk-vendors.js (96290,5)
chunk-vendors.js
!*** ./node_modules/core-js/modules/es.regexp.constructor.js ***!
...
result = inheritIfRequired(NativeRegExp(pattern, flags), thisIsRegExp ? this : RegExpPrototype, RegExpWrapper); // line 96290
.
浏览 15提问于2022-04-11得票数 0
1回答
我想要覆盖我的项目中样式的加载顺序。
我已经创建了样式表style.css，在其中重写了默认值，
body {
font-family: "Lato", sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 25px;
position: relative;
visibility: visible;
color: #3d3d3d;
background-color: #FFFFFF;
}
同时，在这个项
浏览 8提问于2021-03-02得票数 1
回答已采纳
2回答
似乎无法理解为什么在单击表行时不能将图标旋转180度(就像页面上的其他图标)。
单击展开所有/折叠所有表头应该旋转相邻的雪佛龙图标180度，就像个别行所做的那样。BUt它不叹息
任何想法都值得赞赏。
浏览 0提问于2018-11-06得票数 0
回答已采纳
1回答
当尝试使用Vuex、Vue、TypeScript和babel将Boostrap添加到我的项目中时，我在浏览器中会出现错误。
再生产
docker run -it --rm -p 8080:8080 node:17.7.2-alpine
yarn global add @vue/cli
vue create my_app
vue add bootstrap-vue
在成功的yarn serve之后，我在borwser中得到了这个错误
app.js:953 Uncaught TypeError: Cannot read properties of undefined (reading 'p
浏览 3提问于2022-03-26得票数 0
回答已采纳
我知道Javalin支持Vue，我使用它没有任何问题。它很容易设置，我只需要调用config.enableWebjars()，并且使用Vue非常开箱即用。但是，我想使用其他工具，这些工具并没有与Javalin深度集成。也就是说，我想将bootstrap-vue用于高级组件。通常，当我通过npm和手动配置使用它时，向Vue添加支持也很简单：
import Vue from 'vue'
import { BootstrapVue } from 'bootstrap-vue'
// Install BootstrapVue
Vue.use(BootstrapVue)
浏览 2提问于2020-10-11得票数 0
1回答
所以我有这段代码来提取表头，然后是列数据，因为我不知道表头是什么。它工作得很好，但我不能让表格布局停止破坏，目前我所有的数据都在第一列，而不是在正确的标题下。你知道为什么吗？
<table>
<tr>
<?php
$colnames = json_decode($colnames);
foreach($colnames as $header) {
浏览 0提问于2015-03-12得票数 0
我正在使用Vue.js。我想将Bootstrap-vue附加到我的项目中，但是它不能正常工作。当我附加BootstrapVue时，显示的是黑色屏幕，任何功能都不会执行。有人能告诉我如何解决这个问题，把Bootstrap附加到我的项目中吗？
浏览 5提问于2022-05-31得票数 1
2回答
我使用带有以下依赖项的VueJS和jQuery。有人能解释一下为什么结果在一个地方是真的，在另一个地方是假的吗？
"dependencies": {
"bootstrap": "^4.3.1",
"bootstrap-vue": "^2.1.0",
"core-js": "^3.3.2",
"jquery": "^3.4.1",
"vue": "^2.6.10"
}
浏览 18提问于2019-11-15得票数 0
我正在尝试将引导程序与我的vue项目集成起来，但是当我打开浏览器时，我的控制台会出现以下错误。
config.js?228e:8 Uncaught TypeError: Cannot read property 'prototype' of undefined
at eval (config.js?228e:8)
at Module../node_modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:3262)
at __webpack_require__ (app.js:854)
浏览 2提问于2020-10-06得票数 3
我有一个vue/证监会/webpack/vue-加载程序，在那里我使用引导(通过‘导入’)和组件样式直接在SFCs。现在，vue-加载程序总是在组件样式之后包含引导，所以我不能正确地覆盖/引导引导。
我尝试了定义组件样式的范围，这在某种程度上是可行的，但是引导仍然是在它之后包含的。按计划工作？
app.js
import Vue from 'vue'
import App from './app.vue'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/cs
浏览 0提问于2018-07-02得票数 0
回答已采纳
4回答
我刚刚开始学习角JS，我正在尝试使用ng-重复创建一个8X8表。我不能得到8个表头。所有的表头都在一个列中。这是我的密码。
<table border="1px solid black">
<tr ng-repeat="k in [0,1,2,3,4,5,6,7,8]">
<th>
column
</th>
</tr>
<tr ng-repeat="i in [0,1,2,3,4,5,6,7,8]
浏览 0提问于2015-01-28得票数 2
回答已采纳
使用bootstrap时，当我需要根据设备更改标签/输入的布局时，我使用next代码：
<fieldset class="bordered text-muted p-0 m-0 mb-4">
<legend class="bordered">Filters</legend>
<dl class="block_2columns_md m-0 p-2">
<dt class="key_values_rows_label_13">
浏览 15提问于2020-02-13得票数 0
回答已采纳
2回答
HTML表头CSS主题
、、、
我有一些CSS主题，我想做的表头的表头实际上并不支持。(很棒，对吧？！)
所以我的想法是在表头后面添加一个元素，并对其应用主题！
然而，我尝试添加带有负z索引的表、to、thead、th's或td's都失败得很糟糕。
另一方面，我可以把我的表头放在它自己的表中，然后封装这个表，并在上面做主题……但是，我标题中的th将不会与tbody中的td对齐！我不能封装tbody或td的/tr，因为当没有被td或tr封装时，表中不允许有div...
我想做的效果是:设置边框宽度和颜色，设置边框半径，设置背景-图像和颜色
边界半径是不起作用的
有什么想法吗？
浏览 3提问于2012-07-18得票数 1
回答已采纳
我已经使用下面的说明安装了Bootstrap：
我正在使用每个依赖项的最新版本：
"bootstrap": "^5.2.0",
"bootstrap-icons": "^1.8.1",
"bootstrap-vue": "^2.22.0",
在我的src/main.js中，我按指示导入Bootstrap和IconsPlugin，如下所示：
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
import 'boo
浏览 19提问于2022-08-25得票数 0
Vuetify Example Pen (codepen.io)
怎么让表头渲染出来,不能写死参数,表头可以有多条
浏览 151提问于2022-08-09
1回答
我想要一个函数，它可以给我一个给定列表中所有列表头部的总和。我正在尝试这样做：
verticalParity :: [Int] -> [Int] -> Int
verticalParity (x:xs) (y:ys) = x + y
为什么我不能这么做？
map verticalParity [[2,0,2,2,2,1], [5000,0,2,3,2,1], [26,1,2,3,44,4]]
浏览 1提问于2012-12-05得票数 0
我正在开发一个chrome扩展，并在我的Vue文件上使用Bootstrap-Vue。目前，我将bootstrap/bootstrap-vue导入到我的js文件中，但这会导致样式在全局级别上发生。理想情况下，我希望有一种方法使bootstrap只作用于我插入的文件。有没有办法在Vue文件的部分做到这一点？ //在.js文件中 import VModal from 'vue-js-modal'
import BootstrapVue from 'bootstrap-vue'; //我在Vue文件中尝试过，但没有显示任何效果 <style scoped sr
浏览 25提问于2019-05-24得票数 3
1回答
我刚开始做一个网站，我不明白为什么我不能把它的一部分放在右边。代码如下所示。 代码： <!DOCTYPE html>
<html style="background-color: black;">
<head>
<title>My Portfolio</title>
<style>
#navigation-bar {
background-color: black;
color:
浏览 16提问于2021-09-18得票数 2
回答已采纳
我已经创建了一个新的Vue应用程序，在这个应用程序中，我使用Bootstrap进行样式设计，并且我目前面临的问题是试图覆盖Bootstrap的默认样式。
错误消息: sass未定义变量。
11 │ $b-custom-control-indicator-size-lg: $custom-control-indicator-size * 1.25 !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
node_modules/bootstrap-vue/src/_variables.
浏览 8提问于2022-10-22得票数 1
1回答
在此处输入图像描述 未捕获原型:无法读取模块../TypeError处未定义的eval (config.js?228e:6)的属性“prototype” _ modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:6778) webpack _ 要求 (app.js:849)位于fn (app.js:151)，位于eval (props.js?cf75:1)，位于模块../node _ modules/bootstrap-vue/esm/utils/pros.js (chunk-vendors.js:7054) webpack
浏览 88提问于2021-03-02得票数 0
回答已采纳
2回答
我找到了很多解决方案，但是没有什么效果，因此再次发布了这个问题。我有一张桌子上面有水平卷轴。我试图将表头设置为粘性，我可以使用poition:sticky完成它，但滚动停止工作。
有没有办法同时使用css实现这两种功能？
下面是一个简单的，供您参考。
更新，而不是在表主体上添加滚动条，我需要它与主页滚动保持相同的行为。任何纯JS或角解也是可以接受的。当用户滚动页面时，头应该是粘性的，而不是表。
浏览 5提问于2019-12-10得票数 4
我目前正在尝试解决我面临的一个与bootstrap-vue相关的问题。更确切地说，在我的代码构建过程中，bootstrap-vue本身似乎存在一个问题:然而，我在Typescript/Vue方面还是个初学者，因此我对它本身并不是很确定。
当我尝试编译我的代码时，我发现了以下消息：
ERROR in [MY PROJECT PATH]/node_modules/bootstrap-vue/src/index.d.ts
149:20 Interface 'Table' incorrectly extends interface 'Vue'.
Types of p
浏览 2提问于2019-04-11得票数 1
1回答
我正在尝试调整jquery表头列的大小。我可以在一个表中这样做，但如果表头是固定的表头，我就不能这么做。
我的jsfiddle试用如下：
如何使用文本末尾的调整大小指针使固定的表头工作？
$(function() {
var pressed;
var start;
var startX;
var startWidth;
var wrapper = $("div#wrapper");
var container = $("table#fixedHeaderTable");
$("table th
浏览 1提问于2014-04-08得票数 0
使用这里提供的示例：，我没有得到第一个“带样式的”示例所显示的样式。
两者都显示为“普通”，尽管我的模板是这样的：
<template>
<div>
<!-- Styled -->
<b-form-file v-model="file" :state="Boolean(file)" placeholder="Choose a file..."></b-form-file>
<div class="mt-3">Selected file: {{fi
浏览 59提问于2018-07-24得票数 7
1回答
我正在使用数据表开发颤振应用程序。在这方面，我使用了两个数据表来冻结表的第一列，但我不知道如何冻结表头。
在我的数据表中有很多动态内容，这就是为什么不能使用包。
那么有什么方法可以冻结头(第一列已经冻结了)吗？
提前谢谢！
浏览 4提问于2022-07-17得票数 0
我尝试使用Vue 3，但我看起来不能再次使用Vue.use(exampleplugin)。
在生成vue创建项目之后，我使用命令vue添加引导-vue。在带有代码的插件引导-vue警告中：
import Vue from "vue";
import BootstrapVue from "bootstrap-vue";
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap-vue/dist/bootstrap-vue.css";
Vue.use(Boot
浏览 8提问于2020-08-25得票数 21
回答已采纳
3回答
我试图将bootstrap 4 (bootstrap-vue)与Nuxt关联起来。
虽然我添加了style-resources-module，但在页面或组件中使用混入和变量有困难。
下面是nuxt.config.js的摘录
/*
** Global CSS
*/
css: ["~/scss/vars.scss"],
/*
** Plugins to load before mounting the App
*/
plugins: [],
/*
/*
** Nuxt.js modules
*/
modules: [
// Doc: https://bootstrap-vu
浏览 0提问于2019-08-23得票数 5
回答已采纳
我在Vue Js应用程序中使用FontAwese5图标时出错：
误差
找不到一个或多个图标
这是我的package.json依赖关系：
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.9",
"@fortawesome/free-solid-svg-icons": "^5.6.0",
"@fortawesome/vue-fontawesome": "^0.1.3",
"bootstrap-vue"
浏览 0提问于2018-12-12得票数 1
第一次尝试使用，但在编译资产时遇到了问题。当我运行npm run watch时，我得到了一个错误，如下所示。
Module parse failed: C:\projects\portfolio\node_modules\bootstrap-vue\lib\mixins\dropdown.js Unexpected token (110:8)
You may need an appropriate loader to handle this file type.
| },
| methods: {
| ...clickOut.methods,
|
浏览 0提问于2017-08-17得票数 0
2回答
我试图使用->更改.mod-头中b模式bootstrap-vue中的背景色。但是vue没有看到我的风格，我也不知道为什么:/这是代码。我在中跟随答案
HTML：
b-modal(id="card-1" title="CARTÃO DE CRÉDITO" :modal-class="myclass" header-text-variant="light")
VUE
export default {
data: {
myclass: ['myclass']
},
}
CSS
.myclass &
浏览 2提问于2020-04-03得票数 9
回答已采纳
2回答
我在SSRS中创建了一个报表，现在我需要将其导出到Excel，并冻结表头。我怎样才能做到这一点？
我在这个话题上搜索过。我知道页面标题中的内容可以在Excel中冻结。但是，如何将表头只放在页眉中呢？更糟糕的是，我甚至不能在页眉处添加一个新表。
任何帮助都是非常感谢的。谢谢。
浏览 4提问于2014-03-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
