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:
Asa Butterfield
Table title:
Film
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 > 2007 </td><td colspan=1 rowspan=1 > Son of Rambow </td><td colspan=1 rowspan=1 > Brethren Boy </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2008 </td><td colspan=1 rowspan=1 > The Boy in the Striped Pyjamas </td><td colspan=1 rowspan=1 > Bruno </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=2 > 2010 </td><td colspan=1 rowspan=1 > Nanny McPhee and the Big Bang </td><td colspan=1 rowspan=1 > Norman Green </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > The Wolfman </td><td colspan=1 rowspan=1 > Younger Ben Talbot </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2011 </td><td colspan=1 rowspan=1 > Hugo </td><td colspan=1 rowspan=1 > Hugo Cabret </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2013 </td><td colspan=1 rowspan=1 > Ender's Game </td><td colspan=1 rowspan=1 > Ender Wiggin </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2014 </td><td colspan=1 rowspan=1 > X+Y </td><td colspan=1 rowspan=1 > Nathan Ellis </td><td colspan=1 rowspan=1 > Also known as A Brilliant Young Mind </td></tr>
<tr> <td colspan=1 rowspan=1 > 2015 </td><td colspan=1 rowspan=1 > Ten Thousand Saints </td><td colspan=1 rowspan=1 > Jude Keffy-Horn </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2016 </td><td colspan=1 rowspan=1 > Miss Peregrine's Home for Peculiar Children </td><td colspan=1 rowspan=1 > Jacob "Jake" Portman </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=3 > 2017 </td><td class="highlighted"  colspan=1 rowspan=1 > The House of Tomorrow </td><td class="highlighted"  colspan=1 rowspan=1 > Sebastian Prendergast </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Journey's End </td><td colspan=1 rowspan=1 > Jimmy Raleigh </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > The Space Between Us </td><td class="highlighted"  colspan=1 rowspan=1 > Gardner Elliot </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=3 > 2018 </td><td colspan=1 rowspan=1 > Then Came You </td><td colspan=1 rowspan=1 > Calvin </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Time Freak </td><td colspan=1 rowspan=1 > Stillman </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Slaughterhouse Rulez </td><td colspan=1 rowspan=1 > Willoughby Blake </td><td colspan=1 rowspan=1 >  </td></tr>
</table>
Question:
Asa Butterfield starred as Gardner Elliot and as the character Sebastian in which two films in 2017?
Answer:
Asa Butterfield starred as Gardner Elliot in the film The Space Between Us and as Sebastian in The House of Tomorrow in 2017.