title: Vuetify expandable table expanding all rows with the same name
body: <p>In the basic code pen for the expandable tables in Vuetify I noticed that when the names of two entries in the table are the same, clicking on row to expand also expands the other row with the same name entries. Is there a way to avoid this?</p>
  
  <p>Here is the problem recreated: <a href="https://codepen.io/entropy283/pen/eYJdmLp?editable=true&amp;editors=101%3Dhttps%3A%2F%2Fvuetifyjs.com%2Fen%2Fcomponents%2Fdata-tables%2F" rel="nofollow noreferrer">https://codepen.io/entropy283/pen/eYJdmLp?editable=true&amp;editors=101%3Dhttps%3A%2F%2Fvuetifyjs.com%2Fen%2Fcomponents%2Fdata-tables%2F</a>
  <code>(clicking on the first row expands the second row as well)</code></p>