Seeking help with formatting my table labels to display as defined in the code. Currently, the labels only capitalize the first character of the word and ignore the rest. Any suggestions on how to achieve the desired value for label display? Currently, IP Address is being displayed as Ip Address (noticing the lowercase 'p' in IP) when rendered in HTML.
<style>
.x-table {
text-align: center;
background-color: #f0f0f0;
max-width: 20px;
}
</style>
<html>
<b-table
style="background-color: #FFFFFF; width: 100%; font-size: 8px !important;"
id="my-table"
responsive
sticky-header="275px"
outlined
selectable
select-mode="single"
@row-selected="onRowSelected"
:per-page="perPage"
:current-page="currentPage"
:items="items"
:fields="fields"
:keyword="keyword"
></b-table>
</html>
<script>
data: function () {
return {
fields: [
{ key: 'hostname', label: 'Hostname', tdClass: 'x-table', visible: true, stickyColumn: true},
{ key: 'ip_address', label: 'IP Address', tdClass: 'x-table', visible: true}
]
}
}
</script>
Result