mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-17 14:46:00 +08:00
28 lines
580 B
Vue
28 lines
580 B
Vue
|
<template>
|
||
|
|
<div class="contents lg:hidden">
|
||
|
|
<div class="px-4 py-2 bg-white h-full" :class="{'sticky top-[68px] z-10': selected}"></div>
|
||
|
|
<div
|
||
|
|
v-for="column in columnNames"
|
||
|
|
:key="column"
|
||
|
|
class="truncate px-4 py-2 bg-white text-xs font-bold h-full"
|
||
|
|
:class="{'sticky top-[68px] z-10': selected}"
|
||
|
|
>{{ column }}</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'TableHeader',
|
||
|
|
props: {
|
||
|
|
columnNames: {
|
||
|
|
type: Array,
|
||
|
|
required: true
|
||
|
|
},
|
||
|
|
selected: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|