<table
            :key="currentPage"
            class="p-2 table">
            <thead>
              <tr>
                <td
                  v-for="(header, index) in tableHeadersArray"
                  v-show="index < tableHeadersArray.length - columnsToRemove"
                  ref="tableHeaderDataRefs"
                  :key="index"
                  class="px-1">
                  <button
                    :class="header.colAlign === 'right' ? 'flex-row-reverse ml-auto' : ''"
                    type="button"
                    class="mx-2 py-1 mb-1 text-xs text-grey-darker font-semibold break-words flex items-baseline justify-left uppercase whitespace-no-wrap"
                    @click="sortByHeader(header)">
                    {{ removeUnderscores(header.displayHeader) }}
                    <span v-if="sortingByThisColumn(header)">
                      <span v-if="sortedByAscending">
                        <font-awesome-icon
                          :icon="['fas', 'sort-down']"
                          size="lg"
                          class="mx-1 pb-1"/>
                      </span>
                      <span v-if="!sortedByAscending">
                        <font-awesome-icon
                          :icon="['fas', 'sort-up']"
                          size="lg"
                          class="mx-1 pt-1"/>
                      </span>
                    </span>
                  </button>
                </td>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(dataSet, index) in getCurrentTableData"
                :key="index"
                class="text-grey-darkest hover:bg-grey-light cursor-pointer border-b border-grey-lighter"
                @click.stop="selectRow($event, dataSet)"
                @dblclick="viewEntityShortcut">
                <td
                  v-for="(data, idx) in reduceRows(orderRowData(dataSet))"
                  :key="idx"
                  :class="getTextOffset(idx)"
                  class="font-normal px-3 py-1/2 pt-1 tracking-wide min-w-50 max-w-225 break-words"
                >{{ getColumnDisplayFormat(idx, data || findNullAlternative(idx, dataSet)) }}</td>
              </tr>
            </tbody>
          </table>