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:
Tom Felton
Table title:
Films
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 class="highlighted"  colspan=1 rowspan=1 > 1997 </td><td class="highlighted"  colspan=1 rowspan=1 > The Borrowers </td><td class="highlighted"  colspan=1 rowspan=1 > Peagreen Clock </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > 1999 </td><td class="highlighted"  colspan=1 rowspan=1 > Anna and the King </td><td class="highlighted"  colspan=1 rowspan=1 > Louis T. Leonowens </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2001 </td><td colspan=1 rowspan=1 > Harry Potter and the Philosopher's Stone </td><td colspan=1 rowspan=5 > Draco Malfoy </td><td colspan=1 rowspan=1 > Released as Harry Potter and the Sorcerer's Stone in the US </td></tr>
<tr> <td colspan=1 rowspan=1 > 2002 </td><td colspan=1 rowspan=1 > Harry Potter and the Chamber of Secrets </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2004 </td><td colspan=1 rowspan=1 > Harry Potter and the Prisoner of Azkaban </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2005 </td><td colspan=1 rowspan=1 > Harry Potter and the Goblet of Fire </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2007 </td><td colspan=1 rowspan=1 > Harry Potter and the Order of the Phoenix </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2008 </td><td colspan=1 rowspan=1 > The Disappeared </td><td colspan=1 rowspan=1 > Simon Pryor </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2009 </td><td colspan=1 rowspan=1 > Harry Potter and the Half-Blood Prince </td><td colspan=1 rowspan=2 > Draco Malfoy </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=4 > 2010 </td><td colspan=1 rowspan=1 > Harry Potter and the Deathly Hallows – Part 1 </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > White Other </td><td colspan=1 rowspan=1 > Ray Marsden </td><td colspan=1 rowspan=1 > Short Film </td></tr>
<tr> <td colspan=1 rowspan=1 > Get Him to the Greek </td><td colspan=1 rowspan=1 > Himself </td><td colspan=1 rowspan=1 > Cameo </td></tr>
<tr> <td colspan=1 rowspan=1 > 13Hrs </td><td colspan=1 rowspan=1 > Gary Ashby </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=2 > 2011 </td><td colspan=1 rowspan=1 > Harry Potter and the Deathly Hallows – Part 2 </td><td colspan=1 rowspan=1 > Draco Malfoy </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Rise of the Planet of the Apes </td><td colspan=1 rowspan=1 > Dodge Landon </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=2 > 2012 </td><td colspan=1 rowspan=1 > The Apparition </td><td colspan=1 rowspan=1 > Patrick </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > From the Rough </td><td colspan=1 rowspan=1 > Edward </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=2 > 2013 </td><td colspan=1 rowspan=1 > Belle </td><td colspan=1 rowspan=1 > James Ashford </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > In Secret </td><td colspan=1 rowspan=1 > Camille Raquin </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2014 </td><td colspan=1 rowspan=1 > Against the Sun </td><td colspan=1 rowspan=1 > Tony Pastula </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=4 > 2016 </td><td colspan=1 rowspan=1 > Risen </td><td colspan=1 rowspan=1 > Lucius </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Message from the King </td><td colspan=1 rowspan=1 > Frankie </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > A United Kingdom </td><td colspan=1 rowspan=1 > Rufus Lancaster </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Sheep and Wolves </td><td colspan=1 rowspan=1 > Grey (voice) </td><td colspan=1 rowspan=1 > English dub </td></tr>
<tr> <td colspan=1 rowspan=3 > 2017 </td><td colspan=1 rowspan=1 > Megan Leavey </td><td colspan=1 rowspan=1 > Andrew Dean </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Feed </td><td colspan=1 rowspan=1 > Matt Grey </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Stratton </td><td colspan=1 rowspan=1 > Cummings </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2018 </td><td colspan=1 rowspan=1 > Ophelia </td><td colspan=1 rowspan=1 > Laertes </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > TBA </td><td colspan=1 rowspan=1 > Whaling </td><td colspan=1 rowspan=1 > Brandon </td><td colspan=1 rowspan=1 > Post-production </td></tr>
</table>
Question:
What and when were Tom Felton's first two roles?
Answer:
Tom Felton made his debut in the role of Peagreen Clock in The Borrowers in 1997 and portrayed Louis T. Leonowens in Anna and the King in 1999.