SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated template markup

Browse source
This commit is contained in:
Sebin Nyshkim 2019-11-03 22:32:32 +01:00
parent d995ba7727
commit 9ec6d56518
1 changed files with 8 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/DataTable.vue
View file

@ -8,16 +8,13 @@
</tr>
</thead>
<tbody>
<template v-for="tuple in dataset.data">
<tr :key="tuple[0]">
<template v-for="item in tuple">
<td :key="item">{{ item }}</td>
<template v-if="isHexValue(item)">
<td :key="item" :style="'background-color:'+item"></td>
</template>
<tr v-for="tuple in dataset.data" :key="tuple">
<template v-for="(item, index) in tuple">
<td :key="item" v-if="index===1 && !isHexValue(item)" colspan="2">{{ item }}</td>
<td :key="item" v-else>{{ item }}</td>
<td :key="item" v-if="isHexValue(item)" :style="'background-color:'+item"></td>
</template>
</tr>
</template>
</tbody>
</table>
</template>
@ -39,6 +36,7 @@ export default {
<style lang="scss" scoped>
table {
border-collapse: collapse;
width: 100%;
th,
td {