[SOLUCIONADO] la propiedad inline-table y bootstrap

[summerblack]

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:

<table class="table tblsmall">                                              
    <thead>                         
    <tr>
        <th>#</th>
        <th>id</th>
        <th>nom.</th>
    </tr>
    </thead>
<tbody  class="contentBody"></tbody>
</table>
 

El codigo CSS

Código CSS:

.tblsmall{
 height:195px;   
 
}
 
.tblsmall tr {
width: 95%;
display: inline-table;
 
}
 
.contentBody{
  overflow: auto;      
  height: 175px;           
  width: 88%;
  position: absolute; 
}
 

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.

[juangemelo01]

No soy partidiario de boostrap, mas cuando uno esta aprendiendo
siento que ese tipo de herramientas, en vez de ayudarte, te perjudican mas para el aprendizaje

hace tiempo creo que respondi una pregunta parecida
¿esto te sirve?
http://codepen.io/elestudiantefantasma/pen/btjpK

Revisa el codigo, analizalo y experimenta con el

cualquier duda o pregunta, comenta

[summerblack]

Juan muchisisisisimas gracias si me sirvió, es verdad uno con bootstrap no aprende mucho jeje y hoy he aprendido una leccion, gracias por la ayuda!.

[juangemelo01]

No hay de que