Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/10/2014, 07:30
summerblack
 
Fecha de Ingreso: diciembre-2012
Mensajes: 249
Antigüedad: 11 años, 4 meses
Puntos: 2
la propiedad inline-table y bootstrap

Hola amigos,
Les escribo porque tengo una consulta.. pues no soy el mejor en css y estoy teniendo problemas con las tablas , resulta que estoy imprimiendo una tabla, pero necesitaba que el encabezado se quedara quieto y que el cuerpo de la tabla tbody tuviese una barra de desplazamiento para cuando los datos de la tabla son muchos, resulta que estoy utilizando las tablas del bootstrap y ademas agregue una clase para ponerles la barra, el problema es que todas las celdas me estan quedando de diferentes tamaños dependiendo del tamaño del texto y creo que es por el display: inline-table;

Les dejo el codigo y les agradeceria mucho si me pueden ayudar

Código HTML:
Ver original
  1. <table class="table tblsmall">                                             
  2.     <thead>                        
  3.     <tr>
  4.         <th>#</th>
  5.         <th>id</th>
  6.         <th>nom.</th>
  7.     </tr>
  8.     </thead>
  9. <tbody  class="contentBody"></tbody>


El codigo CSS

Código CSS:
Ver original
  1. .tblsmall{
  2.  height:195px;  
  3.  
  4. }
  5.  
  6. .tblsmall tr {
  7. width: 95%;
  8. display: inline-table;
  9.  
  10. }
  11.  
  12. .contentBody{
  13.   overflow: auto;      
  14.   height: 175px;          
  15.   width: 88%;
  16.   position: absolute;
  17. }

y pues la tabla queda dispareja y algunas celdas quedan mas grandes que otras, como puedo arreglar que todas las celdas de la misma columna queden del mismo tamaño?(sin necesidad de ponerles un width fijo a cada celda) gracias.