I have

<v-data-table
      v-model="selected"
      item-key="userNumber"
      
      :search="search"
      hide-default-footer
      hide-default-header
      single-select
      :items="users"
      :headers="headers"
      disable-pagination
      show-select
    >
</v-data-table>

As of now I get a list with a checkbox to the left which is what I want, but I have to click the checkbox itself to mark the row. I would like to be able to click anywhere to select the row and check the box.

The most promising thing I have found in the