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:
1977 Copa del Rey Final
Table title:
Match
Table:
<table id='hittask' contenteditable='False'>
<tr> <th class="highlighted"  colspan=1 rowspan=1 > Real Betis </th><th class="highlighted"  colspan=1 rowspan=1 > 2 – 2 </th><th class="highlighted"  colspan=1 rowspan=1 > Athletic Bilbao </th></tr>
<tr> <td colspan=1 rowspan=1 > López 45', 116' </td><td colspan=1 rowspan=1 > Report (in Spanish) </td><td colspan=1 rowspan=1 > Carlos 14' Dani 97' </td></tr>
<tr> <th colspan=3 rowspan=1 > Penalties </th></tr>
<tr> <td colspan=1 rowspan=1 > García Soriano Del Pozo López Biosca Cardeñosa Sabaté Alabanda Esnaola Eulate Bizcocho </td><th class="highlighted"  colspan=1 rowspan=1 > 8 – 7 </th><td colspan=1 rowspan=1 > Guisasola Churruca Escalza Irureta Dani Amorrortu Villar Alexanko Rojo Iribar </td></tr>
</table>
Question:
How did the match between Real Betis and Athletic Bilbao end and what was the scoreline?
Answer:
The final was played at Vicente Calderón Stadium in Madrid, won by Real Betis, who beat Athletic Bilbao on the penalties after 2–2.