alguien me puede decir como puedo hacer este td de "sintomas" expandible con js o css? y quiero que cuando este expandido se superponga a los demas sin afectar los altos y anchos aqui la imagen de lo que quiero hacer

 <tr class="hola"> <td>2</td> <td>lautaro</td> <td>barrera</td> <td>lautarobarrera574@gmail.com</td> <td>sa12312</td> <td>3541219667</td> <td> <img src="https://d29fhpw069ctt2.cloudfront.net/icon/image/39091/preview.png" alt="" style="height:9px;margin-right:10px">holaaaaaaaaaaaaaaaaaaaaadasdsadasdad </div></td> <td>Aceptado</td> <td>2022-06-27</td> <td>07:50:00</td> <td><a href="turno/2">Ver</a></td> <td><a href="editar/2">Editar</a></td> <td><a href="eliminar/2">Eliminar</a></td> </tr>