Today I have learned Bootstarp table in javascript

 Bootstarp Table:

Due to the widespread use of tables across third-party widgets like calendars and date pickers, we’ve designed our tables to be opt-in. Just add the base class .table to any <table>, then extend with custom styles or our various included modifier classes.

Using the most basic table markup, here’s how .table-based tables look in Bootstrap. All table styles are inherited in Bootstrap 4, meaning any nested tables will be styled in the same manner as the parent.

• The Bootstrap Table plugin displays data in a tabular format, via data attributes or JavaScript. We can also use remote URL data by setting data-url="data1.json" on a normal table. You can also add pagination, search, and sorting to a table like the following table. Call a bootstrap table with id table via JavaScript.
•  <table class="table table-bordered">

      <thead>

        <tr>

          <th>Firstname</th>

          <th>Lastname</th>  

        </tr>

      </thead>

      <tbody>

        <tr

        class="table-success">

          <td>John</td>

          <td>Doe</td>    

        </tr>

        <tr

        class="table-active">

          <td>Mary</td>

          <td>Moe</td>  

        </tr>

        <tr

        class="table-dark">

          <td>July</td>

          <td>Dooley</td>    

        </tr>

        <tr

        class="table-light">

          <td>Dhisha</td>

          <td>Dhis</td>    

        </tr>

        <tr

        class="table-warning">

          <td>Deepika</td>

          <td>deepi</td>    

        </tr>

        <tr

        class="table-primary">

          <td>Joshna</td>

          <td>Josh</td>    

        </tr>

        <tr

        class="table-danger">

          <td>Janani</td>

          <td>Jana</td>

        </tr>

      </tbody>

    </table>

  </div>

          </div>

          )

      }}
• OUTPUT:
• 
  
  
  
  
•