Mercurial > gemma

comparison client/src/components/ui/UITableBody.vue @ 2462:9ae2a2f758bb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: make use of new table header/body components
author Markus Kottlaender <markus@intevation.de>
date Mon, 04 Mar 2019 14:50:23 +0100
parents 27d3e9eda8b6
children 4bcb26542767
comparison
equal deleted inserted replaced
2461:b60efa7d4cee 2462:9ae2a2f758bb
6 :style="'overflow-y: auto; max-height: ' + maxHeight" 6 :style="'overflow-y: auto; max-height: ' + maxHeight"
7 v-if="data.length" 7 v-if="data.length"
8 > 8 >
9 <div 9 <div
10 v-for="(item, index) in data" 10 v-for="(item, index) in data"
11 :key="index" 11 :key="key(index)"
12 :class="['border-top row mx-0', { active: active === item }]" 12 :class="['border-top row mx-0', { active: active === item }]"
13 > 13 >
14 <slot :item="item" :index="index"></slot> 14 <slot :item="item" :index="index"></slot>
15 </div> 15 </div>
16 </transition-group> 16 </transition-group>
44 default: "18rem" 44 default: "18rem"
45 }, 45 },
46 active: { 46 active: {
47 type: [Object, Array] 47 type: [Object, Array]
48 } 48 }
49 },
50 methods: {
51 key(index) {
52 return index;
53 }
49 } 54 }
50 }; 55 };
51 </script> 56 </script>