How to add borders to an html table on a widget?

[lrossy31]

Hello everyone,

I have made cloned and made changes to a widget (KB Categories) and changed it from a panel to a table and cannot get to add borders to this table.  Below is the code and image attached.  Will appreciate any assistance with this.

<table cellpadding="0" cellspacing="0" border="5" border-color="black" width="100%" class="wrapper">
  <br />
  <div style='top:0px;width:100%;background-color:#4f6f81;color:#f6f8f9;border-color:black;text-align:left;font-size:1.55em;'>&nbsp;&nbsp;Categories</div>


<!--<div class="panel panel-{{options.color}} b">
  <div class="panel-heading">
    <h4 class="panel-title">${Categories}</h4>
  </div>
  <div class="panel-body"> -->
 
    <div ng-repeat="a in data.categories | orderBy:'label'" class="m-b">
      <a href="?id=kb_category&kb_category={{::a.value}}">{{::a.label}}</a>
    </div>
</table>
 

[Alberto Consonn · Accepted solution]

Hi lrossy,

Any update on this?

Can you mark my answer as correct, helpful and hit like if you were able to achieve the requirement. This helps in removing this question from unanswered list and helps users to learn from your thread.

Thanks in advance.

Cheers
Alberto