Commit be9c60aa authored by christianrhansen's avatar christianrhansen

setup cards in data-table

parent f8468920
Pipeline #50714 passed with stage
in 4 minutes and 4 seconds
......@@ -2,6 +2,34 @@
div
.row.gutter-md.q-mb-md
q-table.full-width.custom-table-header(
v-if="cols.length > 0",
grid,
dark,
ref="table",
row-key="name",
:data="rows",
:columns="cols",
:selection="selection",
:selected.sync="selected",
@request="request",
:loading="loading",
:rows-per-page-options="[3, 5, 7, 0]",
:pagination.sync="pagination",
:filter="filter",
:title="tableTitle")
div.q-pa-md(slot="item", slot-scope="props", style="width: 50%;")
q-card.bg-grey-9
q-card-title
template(v-if="customTitleLink")
q-btn(type="a", color="primary", :to="getCustomLink(customTitleLink, props.row._uuid)", flat)
promise-span(:value="props.row.title")
template(v-else)
q-btn(v-if="hasShow", type="a", color="primary", :to="getViewLink(props.row._uuid)", flat)
promise-span(:value="props.row.title")
promise-span(v-if="!hasShow", :value="props.row.title")
.col-12.col-md-6
q-search.bg-grey-10.q-pa-sm(v-model="filter", dark, icon="search", hide-underline)
......@@ -212,5 +240,18 @@
}
</script>
<style scoped lang="stylus">
<style lang="stylus">
@import '~variables'
.q-table
.q-table-dark
&.custom-table-header
thead
tr
height auto
th
display inline-block!important
&.sorted
background-color white
color $grey-8
</style>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment