Clickable table rows with Stimulus.js

_row.html.erb

<tr data-action="click->table#click" data-controller="table">
  <td> 2018-01-11 </td>
  <td>
    <a data-target="table.url" href="/invoices/1">$7,000.00</a>
  </td>
</tr>

table_controller.js

import { Controller } from "stimulus"

export default class extends Controller{
  click(e){
    Turbolinks.visit(this.url)
  }

  get url() {
    return this.targets.find('url').href
  }
}