title: Vuetify - How to highlight row on click in v-data-table
body: <p>How to highlight the selected row in v-data-table? i tried to modified the data by adding flag variable <code>selected</code> in the <a href="https://codepen.io/anon/pen/xogRKW?editors=1010" rel="noreferrer">Example</a></p>
  
  <p>In the above example click on a row will be highlighted by adding class called primary. If it is a static data it is working fine, but if it is dynamic data like getting data from API, the data in the data table will always be refreshed, if i change the pagination and sort and all.</p>
  
  <p>For example, in my case, if i sort the column the data will come from the API and data in the v-data-table will be refreshed with sorted data, in this case it is very hard to maintain that <code>selected</code> flag each and every time when ever the data changes. Is there any other way to highlight a selected row?</p>