<amp-sort id="tableSorter"
  value-type='number'
  sorted
  sort-direction="toggle"
  sorted-by="data-price"
  sorted-direction="asc">
  <table>
    <thead>
      <th role="rowheader"
        on="tap:tableSorter.sort(sortBy='data-price', sortDirecion='toggle')"
        tabindex="0"
        aria-sort="ascending"
        class="priceCol">Price</th>
    </thead>
    <tbody>
      <tr data-price="25">
        <td role="gridcell">$25</td>
      </tr>
      <tr data-price="50">
        <td role="gridcell">$50</td>
      </tr>
      <tr data-price="75">
        <td role="gridcell">$75</td>
      </tr>
      <tr data-price="100">
        <td role="gridcell">$100</td>
      </tr>
    </tbody>
  </table>
</amp-sort>