0

Estoy realizando un mapeo de un mapa de un país, este mapeo consiste en establecer varios puntos en cada estado, lo realice mediante una tabla y funciona correctamente, pero al momento de disminuir el zoom se me mueve la tabla y los puntos se mueven o mas bien las celdas se alargan.

Esta es la imagen sin zoom introducir la descripción de la imagen aquí

Esta es la imagen al disminuir zoom:

introducir la descripción de la imagen aquí

Cualquier sugerencia de como resolver esto seria de gran ayuda, muchas gracias.

1 respuesta 1

0

Si creaste tu tabla, deberías hacerla responsiva poniendo una clase en la etiqueta table

<div class="table-responsive">
    <table style="width:100%;">
        <!-- Contenido -->
        <table style="width:100%;">
        <thead>
            <tr>
                <th>#</th>
                <th>Campo 1</th>
                <th>Campo 2</th>
                <th>Campo 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Valor 1</td>
                <td>Valor 2</td>
                <td>Valor 3</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Valor 1</td>
                <td>Valor 2</td>
                <td>Valor 3</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Valor 1</td>
                <td>Valor 2</td>
                <td>Valor 3</td>
            </tr>
        </tbody>
    </table>
    </table>
</div>
No se si te ayude. Espero que si, saludos

1
  • Colega, podrías decirme cómo hiciste la tabla como un mapa? Quisiera hacer algo similar. Un saludo Commented el 23 jul. 2021 a las 21:01

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.