Tengo una tabla construida desde un PHP tal que así:
$tabla ="<table class='table table-condensed table-striped text-center' >";
$tabla .="<thead>";
$tabla .= "<tr>";
$tabla .="<th>#</th>";
$tabla .="<th>Tarif</th>";
$tabla .="<th>Origen</th>";
$tabla .="<th>Destino</th>";
$tabla .="<th>Estado</th>";
$tabla .="</tr>";
$tabla .="</thead>";
//Cuerpo de la tabla
$tabla .="<tbody>";
try {
//pasar la consulta a la conexion
$resultado=$conn->prepare($sql1);
$resultado->execute();
while($row = $resultado->fetch()) {
$datos=$row[0]."/".$row[10]."/".$row[11]."/".$row[8]."/".$row[9];
$tabla .="<tr>";
$tabla .='<td>'. $row[7].'</td>';
$tabla .='<td>'. $row[8].'</td>';
$tabla .='<td>'. $row[2].'</td>';
$tabla .='<td>'. $row[3].'</td>';
$tabla .='<td><button class="btn btn-warning" data-toggle="modal" data-target="#modalVerBillete" onclick="cargaDatos(\''.$datos.'\')"></button></td>';
$tabla .="</tr>";
}
//cierre del cuerpo y de la tabla
$tabla .="</tbody>";
$tabla .="</table>";
echo $tabla;
Quiero cambiar el tamaño de la letra tanto de cabeceras como de celdas pero no lo consigo con una hoja de estilos.
La tabla se carga en un div HTML de esta manera:
<div class="container-fluid" id="contenidoTabla">
<!-- Aqui va la tabla -->
</div>
He probado a poner en una hoja de estilos:
#contenidoTabla{
font-size: 5px;
}
td{
font-size: 5px;
}
th{
font-size: 5px;
}
Pero no cambia nada. Agradecería alguna sugerencia. Gracias.
Bootstrap
, ¿cierto?. Si es así, ¿qué versión?!important
a las que menciones, es decir,font-size: 5px !important;
. Si funciona quiere decir que es lo que he dicho, si no funciona, puede ser que no estés cargando correctamente tu hoja de estilos.