Saltar al contenido

Plantillas de tablas dinámicas de Bootstrap Vue

Después de consultar con expertos en esta materia, programadores de varias ramas y profesores hemos dado con la respuesta a la interrogande y la dejamos plasmada en esta publicación.

Solución:

Si está utilizando la versión 2.0.0 o posterior de bootstrap-vue necesita cambiar los nombres de las ranuras a medida que han cambiado, y la antigua ranura vue también ha quedado obsoleta a favor de v-slot.

Cambié el violín de respuestas aceptadas para trabajar con el nuevo nombre y la ranura en V

new Vue(
  el: "#app",
  data: 
    fields: [
      key: "id",
      label: "Id",
      colType: "span"
    , 
      key: "name",
      label: "Name",
      colType: "button"
    , 
      key: "uhh",
      label: "uhh..",
      colType: "idk"
    ],
    items: [
      id: 0,
      name: "Test 0"
    , 
      id: 1,
      name: "Test 1"
    , 
      id: 2,
      name: "Test 2"
    ]
  
);
[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
[email protected]/dist/bootstrap-vue.css" rel="stylesheet" />





Aquí hay un jsfiddle que muestra columnas dinámicas con una tabla b: https://jsfiddle.net/nardnob/wvk6fxgt/

new Vue(
	el: "#app",
	data: 
   fields: [
     key: "id",
     label: "Id",
     colType: "span"
   , 
     key: "name",
     label: "Name",
     colType: "button"
   , 
     key: "uhh",
     label: "uhh..",
     colType: "idk"
   ],
   items: [
   	id: 0,
    name: "Test 0"
   , 
   	id: 1,
    name: "Test 1"
   , 
   	id: 2,
    name: "Test 2"
   ]
	
);

Reseñas y valoraciones del tutorial

Nos puedes proteger nuestra tarea exponiendo un comentario y dejando una puntuación te lo agradecemos.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *