<table class="table table-hover  table-bordered" >
    <tbody>
        {foreach $suppliesCats as $cat}
        <tr>
            <th colspan="2">
                Category  :    {$cat.catName}
            </th>
        </tr> 
        <tr>
            <th>
                Supplies
            </th>
            <th>
                Supplies No
            </th>
        </tr>
        {foreach $cat.supp as $data}
        <tr>
            <td>
                {$data.suppName}
            </td>
            <td>
                {$data.suppNo}
            </td>
        </tr> 
        {/foreach}
        {/foreach}
    </tbody>