我有一個如下所示的 bootstrap-vue 表；
這是代碼；
<template>
<div class="container">
<h1 class="pt-2 pb-3">Bootstrap Table</h1>
<b-table striped hover :items="items" :fields="fields" primary-key></b-table>
</div>
</template>
<script>
export default {
data() {
return {
"fields": [
{
"key": "first_name",
"label": "My First Name",
"sortable": true,
},
{
"key": "last_name",
"label": "My Last Name",
"sortable": true,
},
{
"key": "age",
"label": "Age",
"sortable": true,
"sortByFormatted": false,
},
],
"items": [
{ "age": -40, "first_name": "Dickerson", "last_name": "Macdonald"},
{ "age": 21, "first_name": "Larsen", "last_name": "Shaw" },
{ "age": 89, "first_name": "Geneva", "last_name": "Wilson" },
{ "age": 38, "first_name": "Jami", "last_name": "Carney" }
]
};
}
};
</script>
我想洗掉(Click to sort Ascending)出現在每列標題中的文本。
我很困惑為什么這個文本沒有出現在代碼中的任何地方。
我正在使用 v2.6
uj5u.com熱心網友回復：
將label-sort-asc、label-sort-desc和label-sort-clearprops 設定為空字串以洗掉排序標簽：
<b-table
?
label-sort-asc=""
label-sort-desc=""
label-sort-clear=""
></b-table>
演示
uj5u.com熱心網友回復：
您是否在應用入口點中匯入了 Bootstrap CSS 檔案？Bootstrap 使用 .sr-only 類來隱藏該文本并僅在螢屏閱讀器上顯示它。
查看“使用模塊捆綁器”部分https://bootstrap-vue.org/docs
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/435627.html
標籤：javascript Vue.js Vuejs2 引导程序
上一篇：如何修復目錄匯入'@angular-devkit\build-angular\src\dev-server'不支持在將Angular更新到版本13后決議ES模塊