4

Olá! Estou quebrando a cabeça pra tentar fazer com que minha tabela ficasse com a coluna esquerda maior do que a coluna direta. E eu gostaria bastante que alguém me ajudasse.

/* Post Table */
le#alter tr td {background: #fff;} 
table#alter tr.dif td {background: #f8f8f8;}
.post-body table {max-width:100%;}
.post-body table td {width:20%;}
.post-body table td,.post-body table caption{background-color:#fafafa;border:1px solid rgba(0,0,0,0.05);padding:10px;text-align:left;vertical-align:top;}
.post-body table th {background:#22a86d;color:#fff;border:1px solid rgba(0,0,0,0.05);padding:10px 15px;text-align:left;vertical-align:top;font-size:16px;}
.post-body table.tr-caption-container {border:none;max-width:20%;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:10px 15px;border:none;color:#666}
.post-body td a:hover{color:#d14233;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body li {list-style-type:square;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
.sr {visibility:hidden;width:0;height:0;}
<table cellpadding="0" cellspacing="0" id="alter">
    <tbody>
        <tr>
            <th>Características</th>
            <th>Disponibilidade</th>
        </tr>
        <tr class="dif"> 
            <td>Division 1</td>
            <td>Habilitado</td>
        </tr>
        <tr>
            <td>Division 2</td>
            <td>Habilitado</td>
        </tr>
        <tr class="dif"> 
            <td>Division 3</td>
            <td>Habilitado</td>
       </tr>
        <tr>
            <td>Division 4</td>
            <td>Desabilitado</td>
       </tr>
        <tr class="dif"> 
            <td>Division 5</td>
            <td>Desabilitado</td>
       </tr>
    </tbody>
</table>

Minha tabela está assim: inserir a descrição da imagem aqui

e eu gostaria que ela ficasse assim: inserir a descrição da imagem aqui

1 Resposta 1

2

basta remover esta linha:

/* .post-body table td {width:20%;} */

e dar uma largura na célula desejada da primeira fila:

 <tr>
   <th>Características</th>
   <th style="width: 20%;">Disponibilidade</th>
 </tr>
1
  • Eu já tinha conseguido, mas mesmo assim muito obrigado por responder. Commented 29/11/2016 às 23:38

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .