Largura de coluna em table

[CrazyLOL 2]

Galera to com uma bronca que já to ficando meio doido. .kkkkkk

Estou definindo o tamanho da coluna de uma tabela porém ela nao está aceitando a configuração...

 

Já tentei colocar com %, definindo pelo PX, colocando uma classe no CSS e depois atribuindo na coluna... fiz todos esses testes colocando no tr, no th e até mesmo no td do valor...

Mas nada disso adiantou...

 

A minha tabela é dinamica meu sistema gera ela porém ela possui várias colunas nesse caso a minha div que recebe a tabela possui um overflow...

 

E eu estou tentando deixar a primeira coluna com um tamanho fixo, que nela possui nomes de pessoas mas como citei acima nada adiantou.

 

Minha tabela está assim:

<table id="tabelaProf" class="table table-striped table-bordered table-hover" width="100%">
<thead>
<tr>
<th>Aluno </th>
<th>03/02</th>
<th>04/02</th>
<th>05/02</th>
<th>06/02</th>
<th>09/02</th>
<th>10/02</th>
<th>11/02</th>
<th>12/02</th>
<th>13/02</th>
<th>16/02</th>
<th>19/02</th>
<th>20/02</th>
<th>23/02</th>
<th>24/02</th>
<th>25/02</th>
<th>26/02</th>
<th>27/02</th>
<th>02/03</th>
<th>03/03</th>
<th>04/03</th>
<th>05/03</th>
<th>06/03</th>
<th>09/03</th>
<th>10/03</th>
<th>11/03</th>
<th>12/03</th>
<th>13/03</th>
<th>16/03</th>
<th>17/03</th>
<th>18/03</th>
<th>19/03</th>
<th>20/03</th>
<th>23/03</th>
<th>24/03</th>
<th>25/03</th>
<th>26/03</th>
<th>27/03</th>
<th>30/03</th>
</tr>
</thead>
<tbody>
<tr>
<td>GHUSTAVO</td>
<td align="center">
<input id="falta_aluno-1514-2015-02-03" class="checkbox" type="checkbox" checked="" value="" name="falta_aluno-1514-2015-02-03" onclick="Funcoes.click('falta_aluno-1514-2015-02-03');">
<input id="hid_falta_aluno-1514-2015-02-03" class="checkbox" type="hidden" value="1" name="hid_falta_aluno-1514-2015-02-03">
</td>
<td align="center">
<input id="falta_aluno-1514-2015-02-04" class="checkbox" type="checkbox" checked="" value="" name="falta_aluno-1514-2015-02-04" onclick="Funcoes.click('falta_aluno-1514-2015-02-04');">
<input id="hid_falta_aluno-1514-2015-02-04" class="checkbox" type="hidden" value="1" name="hid_falta_aluno-1514-2015-02-04">
</td>
<td align="center">
<input id="falta_aluno-1514-2015-02-05" class="checkbox" type="checkbox" checked="" value="" name="falta_aluno-1514-2015-02-05" onclick="Funcoes.click('falta_aluno-1514-2015-02-05');">
<input id="hid_falta_aluno-1514-2015-02-05" class="checkbox" type="hidden" value="1" name="hid_falta_aluno-1514-2015-02-05">
</td>
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
<td align="center">
</tr>
<tr>
</tbody>
</table>

Caso alguem tenha uma ideia ou uma dica agradeço!

 

 

 

[william.carriello 0]

Fiz apenas essas alterações:

 

<table id="tabelaProf" class="table table-striped table-bordered table-hover">

Tirei o width de 100%

<th style="width:500px; display:block; text-align: left">Aluno </th>

Coloquei como 500px e deixei a media como "block", ou seja, toda a coluna acompanha a medida

 

Altere esses 500px como quiser, deixei assim bem grande apenas para facilitar a ilustração...

 

Uma observação, é que essa sua tabela, é muito larga, pode dar problema...

[WictorP 9]

A solução acima é viável e funcional porém, vale a pena estudar.

 

http://www.w3schools.com/cssref/sel_firstchild.asp