Post Shortcodes
Tables

Tables

You can create a simple table using <table> tag.

table
<table>
    <!-- [ Table Headings ] -->
        <thead>
            <tr>
                <th>Heading#1</th>
                <th>Heading#2</th>
                <th>Heading#3</th>
                <th>Heading#4</th>
                <th>Heading#5</th>
                <th>Heading#6</th>
                <th>Heading#7</th>
                <th>Heading#8</th>
            </tr>
        </thead>
        <tbody>
          <!-- [ Table rows: row#1 ] -->  
            <tr>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
            </tr>
          <!-- [ Table rows: row#2 ] -->   
            <tr>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
            </tr>
          <!-- [ Add more Table rows ] -->   
        </tbody>
</table>

Responsive table

You can create a responsive table by wrapping <table> tag within a div with class responsive-table.

responsive table
<div class='responsive-table'>    
<table>
    <!-- [ Table Headings ] -->
        <thead>
            <tr>
                <th>Heading#1</th>
                <th>Heading#2</th>
                <th>Heading#3</th>
                <th>Heading#4</th>
                <th>Heading#5</th>
                <th>Heading#6</th>
                <th>Heading#7</th>
                <th>Heading#8</th>
            </tr>
        </thead>
        <tbody>
          <!-- [ Table rows: row#1 ] -->  
            <tr>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
            </tr>
          <!-- [ Table rows: row#2 ] -->   
            <tr>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
                <td>Cell</td>
            </tr>
          <!-- [ Add more Table rows ] -->   
        </tbody>
    </table>
</div>