0
222
Vistas¿Cómo eliminar (Haga clic para ordenar Ascendente) el texto del encabezado de cada columna en esta tabla bootstrap-vue?
Tengo una tabla bootstrap-vue que se parece a esto;
Aquí está el código;
<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> Quiero eliminar el texto (Click to sort Ascending) que aparece en el encabezado de cada columna.
Estoy desconcertado por qué aparece este texto cuando no aparece en ninguna parte del código.
estoy usando vue v2.6
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Establezca las propiedades label-sort-asc , label-sort-desc y label-sort-clear en una cadena vacía para eliminar las etiquetas de clasificación:
<b-table ⋮ label-sort-asc="" label-sort-desc="" label-sort-clear="" ></b-table>
·
Juan Pablo Isaza
Denunciar
0
¿Ha importado archivos CSS de Bootstrap en el punto de entrada de su aplicación? Bootstrap usa la clase .sr-only para ocultar ese texto y mostrarlo solo en los lectores de pantalla.
Mire la sección "Uso de paquetes de módulos" https://bootstrap-vue.org/docs
·
Juan Pablo Isaza
Denunciar
Responde la pregunta