Tengo una ventana emergente que necesita la lista de algunos datos en la tabla. afuera hay otra mesa. Esta ventana emergente no muestra la tabla . popup no funcionan si la tabla está allí.

`<form method="post" action="">
                  <?php echo $message; ?>
                  <table>
                  <tr>
</tr>``

Ver paquetes estándar


    <!-- The Modal -->
    <div id="myModal" class="modal">
        <!-- Modal content -->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <table>
                    <thead></thead>
                    <tbody class="table">
                        <tr>
                            <td>1</td>
                            <td>2</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>4</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
    <!--Model ends--> 
</table>
</form>

0
savitha 4 nov. 2019 a las 11:48

2 respuestas

La mejor respuesta

Funciona perfectamente para mí, por favor verifique con este código. De lo contrario, tiene un error de JavaScript, primero registre la consola.

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
<div class="modal" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Modal Heading</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>

        <!-- Modal body -->
        <div class="modal-body">
          <table>
                      <thead>
                      </thead>
                      <tbody class="table">
                          <tr>
                              <td>1</td>
                              <td>2</td>
                          </tr>
                          <tr>
                              <td>3</td>
                              <td>4</td>
                          </tr>
                      </tbody>
                  </table>
        </div>

        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>

      </div>
    </div>
  </div>
0
Keyur Gajjar 4 nov. 2019 a las 09:19

Agregue las etiquetas th en su etiqueta thead. Usa lo siguiente

<thead>
   <tr>
     <th></th>
     <th></th>
    </tr>
</thead>

Y luego en tu cuerpo agrega etiquetas tr como aquí

<tr>
   Your td should be here
</tr>
0
AbuuJurayj Swabur Buruhan 4 nov. 2019 a las 09:23