<table>
        <thead>
        <tr>
            <th v-for="col in columns"
            @click="sort(col.name) |expression col.name"
            :class="{active: sortKey == col.name}">
            {{key | capitalize}}
              <span class="arrow"
                    :class="sortOrders[col.name] > 0 ? 'asc' : 'dsc'">
              </span>
            </th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="
            entry in data
            | filterBy filterKey
            | orderBy sortKey sortOrders[sortKey]">
            <td v-for="col in columns">
                {{entry[col.name]}}
            </td>
        </tr>
        </tbody>
    </table>