Saltar al contenido

Bootstrap table striped: ¿Cómo cambio el color de fondo de la raya?

Luego de observar en diferentes repositorios y sitios webs al final nos hemos encontrado la resolución que te mostramos aquí.

Solución:

Agregue el siguiente estilo CSS después de cargar Bootstrap:

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th 
   background-color: red; // Choose your own color here
 

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th 
   background-color: red;

cambie esta línea en bootstrap.css o podría usar (impar) o (par) en lugar de (2n+1)

Si está usando Bootstrap 3, puede usar el método de Florin o usar un archivo CSS personalizado.

Si usa Bootstrap menos fuente en lugar de archivos css procesados, puede cambiarlo directamente en bootstrap/less/variables.less.

Encuentra algo como:

//** Background color used for `.table-striped`.
@table-bg-accent:               #f9f9f9;

Comentarios y valoraciones

Si sostienes algún contratiempo y capacidad de perfeccionar nuestro sección puedes añadir una disquisición y con mucho placer lo observaremos.

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



Utiliza Nuestro Buscador

Deja una respuesta

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