Tengo el siguiente código y al hacer clic en un texto que esta recortado se expande la casilla donde se encuentra, pero no consigo como hacer que toda la fila también se extienda junto con esa, algo así como modificar solo el css a:
input[type='checkbox']:checked + tr>td>label .content { height: auto;}
Este es el código del problema:
.content{
height:15px;
overflow:hidden;
text-overflow:ellipsis
}
input[type='checkbox'] { visibility: hidden; position: absolute; }
input[type='checkbox']:checked + .content { height: auto;}
<table>
<tr>
<th>Column1</th>
<th>Column2</th>
<th>Column3</th>
</tr>
<tr>
<td>
<label>
<input type="checkbox" /><div class="content"><span class="hidden">Data1,1 first line - this is a kind-of long line
<br/>Data1,1 second line - this is a kind-of long line too
<br/>Data1,1 third line
<br/>Data1,1 fourth line</span>
</div></label>
</td>
<td><label>
<input type="checkbox" /><div class="content"><span class="hidden">Data1,1 first line - this is a kind-of long line
<br/>Data1,1 second line - this is a kind-of long line too
<br/>Data1,1 third line
<br/>Data1,1 fourth line</span>
</div></label></td>
<td>Data3,1</td>
</tr>
<tr>
<td>Data1,2</td>
<td>Data2,2</td>
<td>Data3,2</td>
</tr>
<tr>
<td>Data1,3</td>
<td>Data2,3</td>
<td>Data3,3</td>
</tr>
</table>