Então, sendo o texto grande, preciso limitar o tamanho coluna 100: mas ao passar o cursor pointer aumentar o tamanho, através do hover: como aplicar o hover apenas em uma coluna, ou célula ??
<table class="table table-sm table-dark">
<thead>
<tr>
<th scope="col"></th>
<th scope="col">Teste</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td></td>
<td class="teste"></td>
<td></td>
</tr>
</tbody>
</table>
Funciona, porém, aplica em toda linha
td.teste {
text-align: center;
font-size: 12px;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
td.teste:hover{
height: 50px;
max-width: 300px;
overflow: auto;
text-overflow: ellipsis;
white-space: initial;
}
Como aplicar só na celula ou coluna ??