Tables | Nifty

Table Style 1

S.No	Heading 1	Heading 2	Heading 3
1	Lorem	Lorem	Lorem
2	Lorem	Lorem	Lorem

                
                    
        <table class="table-style-1">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th>Heading 1</th>
                    <th>Heading 2</th>
                    <th>Heading 3</th>
                </tr>
            </thead>
            <tbody class="t-space">
                <tr></tr>
            </tbody>    
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
            </tbody>
        </table>

Table Style 2

S.No	Heading 1	Heading 2	Heading 3
1	Lorem	Lorem	Lorem
2	Lorem	Lorem	Lorem

                
                    
        <table class="table-style-2">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th>Heading 1</th>
                    <th>Heading 2</th>
                    <th>Heading 3</th>
                </tr>
            </thead>   
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
            </tbody>
        </table>

Table Style 3

S.No	Heading 1	Heading 2	Heading 3
1	Lorem	Lorem	Lorem
2	Lorem	Lorem	Lorem

                
                    
        <table class="table-style-3">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th>Heading 1</th>
                    <th>Heading 2</th>
                    <th>Heading 3</th>
                </tr>
            </thead>
            <tbody class="t-space">
                <tr></tr>
            </tbody>    
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                    <td>Lorem</td>
                </tr>
            </tbody>
        </table>