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:
Kristin Davis
Table title:
Theatre
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 > Location </th></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > 2012 </td><td class="highlighted"  colspan=1 rowspan=1 > The Best Man </td><td class="highlighted"  colspan=1 rowspan=1 > Mabel Cantwell </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > 2014 </td><td class="highlighted"  colspan=1 rowspan=1 > Fatal Attraction </td><td class="highlighted"  colspan=1 rowspan=1 > Beth Gallagher </td><td colspan=1 rowspan=1 >  </td></tr>
</table>
Question:
What were Davis's first two theatre roles?
Answer:
Davis made her debut playing Mabel Cantwell in the 2012's The Best Man, and played Beth Gallagher in the 2014's Fatal Attraction.