<style>
:host {
background-color: #fff;
border-color: rgba(0, 0, 0, .12);
border-radius: 4px;
border-style: solid;
border-width: 1px;
display: block;
overflow-x: scroll;
}
table {
border: 0;
border-collapse: collapse;
}
tbody tr {
border-top-color: rgba(0, 0, 0, .12);
border-top-style: solid;
border-top-width: 1px;
}
thead tr {
border: 0;
}
table td,
table th {
padding-bottom: 16px;
padding-inline-end: 16px;
padding-inline-start: 16px;
padding-top: 16px;
text-align: start;
vertical-align: top;
}
th[aria-sort] {
cursor: pointer;
}
th[aria-sort]::after {
content: '\u2B0D'; /* Up Down Black Arrow */
}
th[aria-sort='ascending']::after {
content: '\u2B06'; /* Upwards Black Arrow */
}
th[aria-sort='descending']::after {
content: '\u2B07'; /* Downwards Black Arrow */
}
</style>
<table>
<thead>
<tr></tr>
</thead>
<tbody></tbody>
</table>