Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
Garrett Clayton
Table title:
Television
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=1 rowspan=1 > Year </th><th colspan=1 rowspan=1 > Title </th><th colspan=1 rowspan=1 > Role </th><th colspan=1 rowspan=1 > Notes </th></tr>
<tr> <td colspan=1 rowspan=1 > 2010 </td><td colspan=1 rowspan=1 > Days of Our Lives </td><td colspan=1 rowspan=1 > Eli </td><td colspan=1 rowspan=1 > Episode: "29 April 2010" </td></tr>
<tr> <td colspan=1 rowspan=1 > 2010 </td><td colspan=1 rowspan=1 > Shake It Up </td><td colspan=1 rowspan=1 > Dylan </td><td colspan=1 rowspan=1 > Episode: "Party It Up" </td></tr>
<tr> <td colspan=1 rowspan=1 > 2012 </td><td colspan=1 rowspan=1 > Holiday Spin </td><td colspan=1 rowspan=1 > Blake </td><td colspan=1 rowspan=1 > Television film </td></tr>
<tr> <td colspan=1 rowspan=1 > 2013 </td><td colspan=1 rowspan=1 > The Client List </td><td colspan=1 rowspan=1 > Billy </td><td colspan=1 rowspan=1 > Episode: "What Kind of Fool Do You Think I Am" </td></tr>
<tr> <td colspan=1 rowspan=1 > 2013 </td><td colspan=1 rowspan=1 > Jessie </td><td colspan=1 rowspan=1 > Earl </td><td colspan=1 rowspan=1 > Episode: "The Blind Date, the Cheapskate, and the Primate " </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > 2013 </td><td class="highlighted"  colspan=1 rowspan=1 > Teen Beach Movie </td><td class="highlighted"  colspan=1 rowspan=1 > Tanner </td><td class="highlighted"  colspan=1 rowspan=1 > Television film </td></tr>
<tr> <td colspan=1 rowspan=1 > 2014; 2016 </td><td colspan=1 rowspan=1 > The Fosters </td><td colspan=1 rowspan=1 > Chase </td><td colspan=1 rowspan=1 > Recurring role (Season 4); 4 episodes Episode: "The Show" (guest) </td></tr>
<tr> <td colspan=1 rowspan=1 > 2015 </td><td colspan=1 rowspan=1 > 100 Things to Do Before High School </td><td colspan=1 rowspan=1 > Stephen Powers </td><td colspan=1 rowspan=1 > Episode: "Survive the Virus Attack Trapped in the Last Home Base Station on Earth Thing" </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > 2015 </td><td class="highlighted"  colspan=1 rowspan=1 > Teen Beach 2 </td><td class="highlighted"  colspan=1 rowspan=1 > Tanner </td><td class="highlighted"  colspan=1 rowspan=1 > Television film </td></tr>
<tr> <td colspan=1 rowspan=1 > 2016 </td><td colspan=1 rowspan=1 > The Real O'Neals </td><td colspan=1 rowspan=1 > Ricky </td><td colspan=1 rowspan=1 > Episode: "The Real Lent" </td></tr>
<tr> <td colspan=1 rowspan=1 > 2016 </td><td colspan=1 rowspan=1 > Hairspray Live! </td><td colspan=1 rowspan=1 > Link Larkin </td><td colspan=1 rowspan=1 > Television special </td></tr>
</table>
Question:
In which movies and which years did Garrett Clayton portray Tanner?
Answer:
Garrett Clayton portrayed Tanner in the 2013 movie Teen Beach and its 2015 sequel television film Teen Beach 2.