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

18
src/components/DataTable.vue
View file

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