diff --git a/partials/DataTable.vue b/partials/DataTable.vue index d6d6c2e1981bddb8b265505699a28f6b81e2db04..a7dd684e8c922ac88bdacdda3d76d5efc8dd17c5 100644 --- a/partials/DataTable.vue +++ b/partials/DataTable.vue @@ -7,42 +7,42 @@ .col-9.col-sm-7.col-md-8.col-lg-9.col-xl-9 q-search(v-model="filter", dark, icon="search") - q-table( - v-if="cols.length > 0", - dark, - ref="table", - row-key="name", - :data="rows", - :columns="cols", - :selection="selection", - :selected.sync="selected", - @request="request", - :loading="loading", - :rows-per-page-options="rowsPerPage", - :pagination.sync="pagination", - :hide-bottom="hideBottom", - :filter="filter", - :title="tableTitle") + q-table.full-width( + v-if="cols.length > 0", + dark, + ref="table", + row-key="name", + :data="rows", + :columns="cols", + :selection="selection", + :selected.sync="selected", + @request="request", + :loading="loading", + :rows-per-page-options="rowsPerPage", + :pagination.sync="pagination", + :hide-bottom="hideBottom", + :filter="filter", + :title="tableTitle") - template(slot="top-left", slot-scope="props") - slot(name="buttons-left") + template(slot="top-left", slot-scope="props") + slot(name="buttons-left") - - - q-td(slot="body-cell-title", slot-scope="props", :props="props") - template(v-if="customTitleLink") - router-link.primary(:to="getCustomLink(customTitleLink, props.row._uuid)") - promise-span(:value="props.value") - template(v-else) - router-link.primary(v-if="hasShow", :to="getViewLink(props.row._uuid)") - promise-span(:value="props.value") - promise-span(v-if="!hasShow", :value="props.value") + + + q-td(slot="body-cell-title", slot-scope="props", :props="props") + template(v-if="customTitleLink") + router-link.primary(:to="getCustomLink(customTitleLink, props.row._uuid)") + promise-span(:value="props.value") + template(v-else) + router-link.primary(v-if="hasShow", :to="getViewLink(props.row._uuid)") + promise-span(:value="props.value") + promise-span(v-if="!hasShow", :value="props.value") - q-td(slot="body-cell-tags", slot-scope="props", :props="props") - promise-span(:value="props.value") - q-td(slot="body-cell-actions", slot-scope="props", :props="props") - q-btn(v-for="btn in props.value", :key="btn.icon", "flat", size="sm", :icon="btn.icon", - @click="defaultClick(btn, props)") {{ $t(btn.title) }} + q-td(slot="body-cell-tags", slot-scope="props", :props="props") + promise-span(:value="props.value") + q-td(slot="body-cell-actions", slot-scope="props", :props="props") + q-btn(v-for="btn in props.value", :key="btn.icon", "flat", size="sm", :icon="btn.icon", + @click="defaultClick(btn, props)") {{ $t(btn.title) }}