Html table

html_table is a custom function that creates HTML tables from arrays of data. It can generate tables with customizable columns, rows, headers, footers, and advanced styling options. All parameters that are not in the list below are printed as name/value-pairs inside the <table> tag.

Attributes

[
    ["id" => 10, "name" => "Joe Schmoe"],
    ["id" => 1001, "name" => "Jack Smith"],
    ["id" => 1002, "name" => "Jane Johnson"],
    ["id" => 1003, "name" => "Charlie Brown"],
]

Examples

Where the template is:

{html_table loop=['A','B','C','D','E','F']}

The above template will output:

<table border="1">
    <tbody>
        <tr>
            <td>A</td><td>B</td><td>C</td>
        </tr>
        <tr>
            <td>D</td><td>E</td><td>F</td>
        </tr>
    </tbody>
</table>

{* Table with headers and custom styling *}
{html_table 
    loop=['John','25','Active','Jane','30','Inactive'] 
    cols=['Name','Age','Status'] 
    caption='User Data' 
    table_class='data-table' 
    thead_class='table-header' 
    tbody_class='table-body'
    tr_attr=['class="odd"','class="even"']
    inner='rows'}

The above template will output:

<table class="data-table" border="1">
<caption>User Data</caption>
<thead class="table-header">
    <tr><th>Name</th><th>Age</th><th>Status</th></tr>
</thead>
<tbody class="table-body">
    <tr class="odd">
        <td>John</td><td>25</td><td>Active</td>
    </tr>
    <tr class="even">
        <td>Jane</td><td>30</td><td>Inactive</td>
    </tr>
</tbody>
</table>

Associative Arrays:

<?php
$tplix->assign(
    'tabContents', 
    [
     ["id"=>10,"name"=>'Joe Schmoe'],
     ["id"=>1001,"name"=>'Jack Smith'],
     ["id"=>1002,"name"=>'Jane Johnson'],
     ["id"=>1003,"name"=>'Charlie Brown'],
    ]
);
$tplix->assign(
    'flatten_keys',["id","name"]
);

{* Table with headers and custom styling *}
{html_table loop=$tabContents cols="ID,Name" flatten_keys=$flatten_keys tr_attr=$tr}

The above template will output:

<table border="1">
    <thead>
        <tr><th>ID</th><th>Name</th></tr>
    </thead>
    <tbody>
        <tr bgcolor="#eeeeee">
            <td>10</td><td>Joe Schmoe</td>
        </tr>
        <tr bgcolor="#dddddd">
            <td>1001</td><td>Jack Smith</td>
        </tr>
        <tr bgcolor="#eeeeee">
            <td>1002</td><td>Jane Johnson</td>
        </tr>
        <tr bgcolor="#dddddd">
            <td>1003</td><td>Charlie Brown</td>
        </tr>
    </tbody>
</table>

{* Advanced table with headers, footer, custom formatting, and conditional styling *}
{html_table 
    loop=['John','25','Active','Jane','30','Inactive'] 
    cols=['Name','Age','Status'] 
    tfoot=['Totals','55','2 Users'] 
    col_attr=['style="width: 100px;"','style="width: 50px;"','style="width: 80px;"']
    cell_format=$formatter 
    tr_class_callback=$rowClassCallback 
    td_class_callback=$cellClassCallback
    inner='rows'}

The above template will output a table with:

• Custom column widths via <col> elements
• Header row with <th> elements
• Footer row with <td> elements
• Custom cell formatting applied via callback
• Conditional row classes applied via callback
• Conditional cell classes applied via callback