Hi,
Having some trouble for widget development, The below code displays a table - however with a top border. Have tried various options to create a borderless table without success, please guide …
<div id="container-fluid gx-2 border: none">
<div class="row border: none">
<div class="col-sm-12 text-right gx-2 border-0">
<table class="table table-borderless">
<tr>
<td class ="style="width:30%">
<h3> {{'%.1f' | sprintf:itemValue('coldRoom_ESP02_Temperature')}} </h3>
</td>
<td class="style="width:70%">
<h3>CR Temperature</h3>
</td>
</tr>
<tr>
<td class="text-end">
<h3> {{'%.0f' | sprintf:itemValue('coldRoom_ESP02_Humidity')}} % </h3>
</td>
<td class="text-left">
<h3> CR Humidity </h3>
</td>
</tr>
<tr>
<td>
<h3> {{'%.1f' | sprintf:itemValue('coldRoom_Co2')}} V </h3>
</td>
<td class="text-left">
<h3> CR Co2</h3>
</td>
</tr>
<tr>
<td>
<h3> ..</h3>
</td>
<td class="text-left"> .. </td>
</tr>
</table>
</div>
</div>
</div>
A couple of other related queries :-
- div vs table - whats normally preferred for widgets (any why) ?
- any editors (like VSCode) which can make the coding easier (syntax checks, formatting, folding, execution of queries etc) ?
regards