<aura:component >

    <aura:attribute name="ContactInstance" type="Contact"/>
    <aura:attribute name="rowIndex" type="String"/>
    <aura:attribute name="contactList" type="Contact[]"/>
    <aura:registerEvent name="DeleteRowEvt" type="c:DeleteRowEvt"/>
    <aura:registerEvent name="AddRowEvt" type="c:AddNewRowEvt"/>

    <p>Recipients</p>
    <table id="dataTable" class="slds-table slds-table_bordered slds-table_cell-buffer">
        <thead>
            <tr class="slds-text-title_caps">
                <th scope="col">
                    <div class="slds-truncate" title="Add"> </div>
                </th>
                <th scope="col">
                    <div class="slds-truncate" title="First Name">firstName</div>
                </th>
                <th scope="col">
                    <div class="slds-truncate" title="Last Name">lastName</div>
                </th>
                <th scope="col">
                    <div class="slds-truncate" title="Email">Email</div>
                </th>
                <th scope="col">
                    <div class="slds-truncate" title="Type">Type</div>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <lightning:button label="+" title="Add" class="customButton" onclick="{!c.addRow}"/>
                </td>
                <td data-label="Name">
                    <div class="slds-truncate" title="First Name">First</div>
                </td>
                <td data-label="Field1">
                    <div class="slds-truncate" title="Last Name">Last</div>
                </td>
                <td data-label="Email">
                    <div class="slds-truncate" title="Email">Email@example.com</div>
                </td>
                <td>
                    <select>
                        <option value="To">To</option>
                        <option value="bcc">bcc</option>
                        <option value="cc">cc</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
</aura:component>