How to use Popular UI Table

Home Table Typography

How to use Table

Popular UI All Style (Typography, Elements, Gallery, etc) | How to use Table

MD Abu Sufian

June 13, 2023

---

How to use Table

Table of Content

Table

Using the most basic table markup, here's what the Table looks like. All table styles are inherited, meaning that each nested table will be styled the same way as its parent.

No.	Name	Gender	City	Hobbies
1	Sufian	Man	Dhaka	Create a Blogger template design
2	No data.	No data.	No data.	No data.
3	No data.	No data.	No data.	No data.
4	No data.	No data.	No data.	No data.
5	No data.	No data.	No data.	No data.

Table Code Here :

<div class="popular_table">
   <table>
       <thead>
           <tr>
               <th>No.</th>
               <th>Name</th>
               <th>Gender</th>
               <th>City</th>
               <th>Hobbies</th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <th>1</th>
               <td>Sufian</td>
               <td>Man</td>
               <td>Dhaka</td>
               <td>Create a Blogger template design</td>
           </tr>
           <tr>
               <th>2</th>
               <td>No data.</td>
               <td>No data.</td>
               <td>No data.</td>
               <td>No data.</td>
           </tr>
           <tr>
               <th>3</th>
               <td>No data.</td>
               <td>No data.</td>
               <td>No data.</td>
               <td>No data.</td>
           </tr>
           <tr>
               <th>4</th>
               <td>No data.</td>
               <td>No data.</td>
               <td>No data.</td>
               <td>No data.</td>
           </tr>
           <tr>
               <th>5</th>
               <td>No data.</td>
               <td>No data.</td>
               <td>No data.</td>
               <td>No data.</td>
           </tr>
       </tbody>
   </table>
</div>

If you want to report some bugs, you can write it in the comment section of the Report a bug page and if you want to request a new feature or give feedback, please write it in the comment section of the request and feedback page.