Question

55

Bootstrap table contents in a modal pop up

rated 0 times [ 58] [ 3] / answers: 1 / hits: 78910 / 11 Years ago, fri, august 9, 2013, 12:00:00

I have some formatting issues using bootstrap.
I want to insert data in tabular form in modal-body.
Is this possible? As i checked the sample, modal can only be used by using div tags.

http://getbootstrap.com/javascript/#modals

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

pranavrorys

Add To Favorites

Follow

Total Points: 466

Total Questions: 87

Total Answers: 115

Location: Barbados

Member since Sun, Nov 27, 2022

2 Years ago

pranavrorys questions

1 'unsafe-eval' is not an allowed source of script

Fri, May 27, 22, 00:00, 2 Years ago

1 How do I run Hardhat with the --constructor-args parameter?

Thu, Oct 28, 21, 00:00, 3 Years ago

1 Task :react-native-webview:compileDebugJavaWithJavac FAILED

Sat, May 30, 20, 00:00, 4 Years ago

1 In React-Table, how to check/uncheck all checkboxes in a row or column

Tue, Mar 3, 20, 00:00, 4 Years ago

1 How to get value of jquery nice select

Fri, Dec 20, 19, 00:00, 5 Years ago

View All

answered 11 Years ago paolam · Accepted Answer

Sure, you can use tables in modals!:

<a data-toggle=modal href=#myModal class=btn btn-primary btn-lg>Launch demo modal</a>



<div class=modal fade id=myModal>

<div class=modal-dialog>

  <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><!-- /.modal-content -->

</div><!-- /.modal-dialog -->

</div><!-- /.modal -->