<div class="table-responsive">
    <table class="table table-striped table-bordered table-hover datatable" >
        <thead>
        <tr>
            <th>ID</th>
            <th>Mitglied</th>
            <th>Straße</th>
            <th>PLZ</th>
            <th>Stadt</th>
            <th>Offene Verrechnungen</th>
        </tr>
        </thead>
        <tbody>
        <% for ( let i = 0; i < ui.length; i++ )    {   %>
        <tr data-type="memberChargeItem"
            class="clickable"
            data-member-id="<%= ui[ i ].member ? ui[ i ].member.id : '' %>">
            <td>
                <%= ui[ i ].member ? ui[ i ].member.id : '-' %>
            </td>
            <td>
                <%= ui[ i ].member ? ui[ i ].member.getName() : '[gelöscht]' %>
            </td>
            <td>
                <%= ui[ i ].member && ui[ i ].member.street ? ui[ i ].member.street : '---' %>
            </td>
            <td>
                <%= ui[ i ].member && ui[ i ].member.zip ? ui[ i ].member.zip : '---'  %>
            </td>
            <td>
                <%= ui[ i ].member && ui[ i ].member.city ? ui[ i ].member.city : '---'  %>
            </td>
            <td class="text-center">
                <%= ui[ i ].count  %>
            </td>
        </tr>
        <% }    %>
        </tbody>
    </table>
</div>