| <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-inline-end: 16px; |
| padding-inline-start: 16px; |
| } |
| |
| th[aria-sort] { |
| cursor: pointer; |
| } |
| |
| th[aria-sort]::after { |
| content: '⬍'; |
| } |
| |
| th[aria-sort='ascending']::after { |
| content: '⬆'; |
| } |
| |
| th[aria-sort='descending']::after { |
| content: '⬇'; |
| } |
| |
| .send-error { |
| background-color: rgb(250,199,192); |
| } |
| |
| .debug-url { |
| color: rgb(66,135,245); |
| font-weight: bold; |
| } |
| </style> |
| <table> |
| <thead> |
| <tr></tr> |
| </thead> |
| <tbody></tbody> |
| </table> |