table[data-sortable] th:not([data-sortable="false"]) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  cursor: pointer;
}

table[data-sortable] th:not([data-sortable="false"]):after {
  content: " ";
  display: inline-block;
  margin-left: 0.3em;
  width: 1em;
}

table[data-sortable] th[data-sorted-direction="descending"]:after {
  content: " ▼";
  color: #aaa;
}

table[data-sortable] th[data-sorted-direction="ascending"]:after {
  content: " ▲";
  color: #aaa;
}