ajuste de tabla con css

[totti026]

Hola que tal!!

Tengo un problema al ajustar una tabla en html y con css, lo que pasa es que tengo 29 columnas, la primera fila fija y las demas celdas con scroll.

y mis :

<thead>
<th scope='col'>

No se ajustan a mis <td>

Porque son demasiadas columnas, pero si se ajustan cuando son menos columnas...
lo que quiero esque la tabla tenga un ancho del 100% aunque la letra este muy pequeña...

este es mi css:

Código CSS:

h1 {
 text-align:center;
}
.outer {
position:relative;
padding:4em 0 3em 0;
width: 100%;
background:#eee;
margin:0;
border-radius:15px;
}
.innera {
overflow:auto;
width: 100%;
height:20em;
background:#eee;
}
 
.outer thead tr {
 
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
.outer th, .outer td {
width:10em; 
text-align:center;
font-size:x-small }
}
.outer th {
background:#724a10; 
color:#fff;}
.outer .dk {background:#fff;
}
 
.tableone {width:100%; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:100%; border-collapse:collapse;}
 

y lo que he intentado es poner en relative el siguiente codigo en ves de ser absolute y si se ajustan los titulos con las celdas pero pierdo el scroll.

Código CSS:

.outer thead tr {
 
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
 

Ayuda xfavor!!
Gracias...