Tables

Updated on pzplUI 2.0

Normal Table

#	Country	Population	Currency
1	Poland	37,97 million	PLN
2	Germany	83,02 million	EUR
3	Canada	37,59 million	CAD

<table>
    <thead>
        <tr>
            <th>#</th>
            <th>Country</th>
            <th>Population</th>
            <th>Currency</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>1</th>
            <td>Poland</td>
            <td>37,97 million</td>
            <td>PLN</td>
        </tr>
        <tr>
            <th>2</th>
            <td>Germany</td>
            <td>83,02 million</td>
            <td>EUR</td>
        </tr>
        <tr>
            <th>3</th>
            <td>Canada</td>
            <td>37,59 million</td>
            <td>CAD</td>
        </tr>
    </tbody>
</table>

Dark Table

#	Country	Population	Currency
1	Poland	37,97 million	PLN
2	Germany	83,02 million	EUR
3	Canada	37,59 million	CAD

<table class="table-dark">
    <thead>
        <tr>
            <th>#</th>
            <th>Country</th>
            <th>Population</th>
            <th>Currency</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>1</th>
            <td>Poland</td>
            <td>37,97 million</td>
            <td>PLN</td>
        </tr>
        <tr>
            <th>2</th>
            <td>Germany</td>
            <td>83,02 million</td>
            <td>EUR</td>
        </tr>
        <tr>
            <th>3</th>
            <td>Canada</td>
            <td>37,59 million</td>
            <td>CAD</td>
        </tr>
    </tbody>
</table>

Striped Tables

#	Country	Population	Currency
1	Poland	37,97 million	PLN
2	Germany	83,02 million	EUR
3	Canada	37,59 million	CAD

#	Country	Population	Currency
1	Poland	37,97 million	PLN
2	Germany	83,02 million	EUR
3	Canada	37,59 million	CAD

<table class="table-striped">
    <thead>
        <tr>
            <th>#</th>
            <th>Country</th>
            <th>Population</th>
            <th>Currency</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>1</th>
            <td>Poland</td>
            <td>37,97 million</td>
            <td>PLN</td>
        </tr>
        <tr>
            <th>2</th>
            <td>Germany</td>
            <td>83,02 million</td>
            <td>EUR</td>
        </tr>
        <tr>
            <th>3</th>
            <td>Canada</td>
            <td>37,59 million</td>
            <td>CAD</td>
        </tr>
    </tbody>
</table>

<table class="table-dark table-striped">
    <thead>
        <tr>
            <th>#</th>
            <th>Country</th>
            <th>Population</th>
            <th>Currency</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>1</th>
            <td>Poland</td>
            <td>37,97 million</td>
            <td>PLN</td>
        </tr>
        <tr>
            <th>2</th>
            <td>Germany</td>
            <td>83,02 million</td>
            <td>EUR</td>
        </tr>
        <tr>
            <th>3</th>
            <td>Canada</td>
            <td>37,59 million</td>
            <td>CAD</td>
        </tr>
    </tbody>
</table>

Bordered Table

#	Country	Population	Currency
1	Poland	37,97 million	PLN
2	Germany	83,02 million	EUR
3	Canada	37,59 million	CAD

<table class="table-border">
    <thead>
        <tr>
            <th>#</th>
            <th>Country</th>
            <th>Population</th>
            <th>Currency</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>1</th>
            <td>Poland</td>
            <td>37,97 million</td>
            <td>PLN</td>
        </tr>
        <tr>
            <th>2</th>
            <td>Germany</td>
            <td>83,02 million</td>
            <td>EUR</td>
        </tr>
        <tr>
            <th>3</th>
            <td>Canada</td>
            <td>37,59 million</td>
            <td>CAD</td>
        </tr>
    </tbody>
</table>

Bordered Table

Class	Cells	Cells 2
Normal	Cell	Cell
Secondary	Cell	Cell
Success	Cell	Cell
Error	Cell	Cell
Danger	Cell	Cell
Info	Cell	Cell

<table class="table">
    <thead>
        <tr>
            <th scope="col">Class</th>
            <th scope="col">Cells</th>
            <th scope="col">Cells 2</th>
        </tr>
    </thead>
    <tbody>
        <tr class="bg-normal text-white">
            <th scope="row">Normal</th>
            <td>Cell</td>
            <td>Cell</td>
        </tr>
        <tr class="bg-secondary text-white">
            <th scope="row">Secondary</th>
            <td>Cell</td>
            <td>Cell</td>
        </tr>
        <tr class="bg-success text-white">
            <th scope="row">Success</th>
            <td>Cell</td>
            <td>Cell</td>
        </tr>
        <tr class="bg-error text-white">
            <th scope="row">Error</th>
            <td>Cell</td>
            <td>Cell</td>
        </tr>
        <tr class="bg-danger">
            <th scope="row">Danger</th>
            <td>Cell</td>
            <td>Cell</td>
        </tr>
        <tr class="bg-info text-white">
            <th scope="row">Info</th>
            <td>Cell</td>
            <td>Cell</td>
        </tr>
    </tbody>
</table>