| <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> |