JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Table Table tags inside smart-table tag?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #101118
    davout
    Member

    Under the ‘Table’ section of the ‘Angular demo docs ,  the ‘basic’ example shown at https://www.htmlelements.com/angular/demos/table/basic/
    … has ‘table’ elements included inside the ‘smart-table’ tag
    That pattern is NOT repeated in all the other examples for table.  Can it be used for other table examples, for instance – paging

    #101119
    admin
    Keymaster

    Hello davout,
    Both approaches are valid and applicable. To enable paging in the case where a table element is inside smart-table, just set the attribute (property) paging and whatever other settings you require to the smart-table tag, i.e.:

    <smart-table id="table" paging>
        <table>
            <thead>
                <tr>
                    <th scope="col">Country</th>
                    <th scope="col">Area</th>
                    <th scope="col">Population_Rural</th>
                    <th scope="col">Population_Total</th>
                    <th scope="col">GDP_Total</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Brazil</td>
                    <td>8515767</td>
                    <td>0.15</td>
                    <td>205809000</td>
                    <td>2353025</td>
    ...

    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.