Straight Table - Color Banding and Rounded Corners

[JC_Maala]

Is it possible to do this via the dev hub and how should this be done? I tried doing this via the widget editor to create a straight table widget but my css settings don't seem to work. Has anybody tried doing this before? I'm not a web developer and I was able to do this before easily in QlikView but I'm struggling to do this in QlikSense. I hope anybody can help me with this one.

Below is a sample of the table that I want to be able to create in QlikSense.

[JC_Maala]

Was able to do the banding using this css:

#customtable {
border: 1px solid #000000;
border-radius: 10px;
font-family: Nunito, "Nunito Sans, sans-serif";
font-size: 10pt;
text-align: center;
border-collapse: collapse;
}

th {
text-align:center;
background-color:#e6e6e6;
border: 1px solid #000000;
}

tr:nth-of-type(2n){
background-color:#e6e6e6;
}

td {
border: 1px solid #000000;
}

The border still doesn't seem to have curved corners despite defining a border-radius.

html code is the following:

<span class="lui-icon lui-icon--table"></span> Custom Table
<br><br>
<table id="customtable">
<thead>
<tr>
<th ng-repeat="head in data.headers">
{{head.qFallbackTitle}}
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in data.rows">
<td ng-repeat="cell in row.cells">
{{cell.qText}}
</td>
</tr>
</tbody>
</table>
<div ng-if="data.rows.length === 0">
Please add dimensions and measures.
</div>