Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
3
respuestas

[Duda] 2 encabezados

como hago si quiero agregar 2 encabezados, por ejemplo, ademas de dia y hora horario de servicio???

            <table>
                <thead>                            
                        <tr>
                            <th> Día </th>
                            <th> Horario </th>
                        </tr>
                </thead>    


                <tbody>

                    <tr>
                        <td>Lunes</td>
                        <td>9am-5pm</td>
                    </tr>


                    <tr>
                        <td>Martes</td>
                        <td>10am-5pm</td>
                    </tr>


                    <tr>
                        <td>Jueves</td>
                        <td>9am-5pm</td>
                    </tr>


                    <tr>
                        <td>Viernes</td>
                        <td>10am-5pm</td>
                    </tr>


                    <tr>
                        <td>Sábados</td>
                        <td>9am-12m</td>
                    </tr>                

                </tbody>
            </table>    
3 respuestas

Hola Arlene, no se si se puedan agregar como tal dos encabezados pero quizá te pueda ser útil usar el atributo "rowspan" que te permite combinar dos filas contiguas.

Pd. También existe la opción "colspan" que se usa para unir columnas.

Este es un ejemplo en el que agregas una columna y agrupas los encabezados:

<table>
    <thead>
        <tr>
            <th colspan="3">Horarios de servicio</th>
        </tr>
        <tr>
            <th>Día</th>
            <th>Horario</th>
            <th>Hora de Refrigerio</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Lunes</td>
            <td>9am-5pm</td>
            <td>12pm-1pm</td>
        </tr>
        <tr>
            <td>Martes</td>
            <td>10am-5pm</td>
            <td>1pm-2pm</td>
        </tr>
        <tr>
            <td>Jueves</td>
            <td>9am-5pm</td>
            <td>12pm-1pm</td>
        </tr>
        <tr>
            <td>Viernes</td>
            <td>10am-5pm</td>
            <td>1pm-2pm</td>
        </tr>
        <tr>
            <td>Sábados</td>
            <td>9am-12m</td>
            <td>N/A</td>
        </tr>
    </tbody>
</table>

Tabla que muestra como quedaría el ejemplo de esta respuesta

¡¡¡¡¡¡¡mil gracias a ambos!!!!!!