charlene/UI_MFA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated TableComp.vue

Browse Source
This commit is contained in:
charlene tau express 2025-03-07 11:08:42 +08:00
parent cd5a93fb8f
commit 72c77440eb
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/TableComp.vue
View File

@ -10,22 +10,21 @@
<button @click="goToSearchPage" class="btn rounded-[10px] bg-[#0000FF] text-[white]">Back To Search Page</button> <button @click="goToSearchPage" class="btn rounded-[10px] bg-[#0000FF] text-[white]">Back To Search Page</button>
</div> </div>
</div> </div>
<div v-if="!noData" class="pt-[0px] h-[90%] w-[100%] border border-[blue] overflow-scroll"> <div v-if="!noData" class="pt-[0px] h-[90%] w-[100%] border border-[#000C66] overflow-scroll">
<table class="table table-pin-rows border w-full"> <table class="table table-pin-rows w-full">
<thead class=""> <thead class="">
<!-- <tr class=""> --> <!-- <tr class=""> -->
<!-- <th v-for="item in keys_of_a_data" class=" sticky top-0 z-10">{{item}}</th> --> <!-- <th v-for="item in keys_of_a_data" class=" sticky top-0 z-10">{{item}}</th> -->
<!-- <th colspan="52">metadata</th> <!-- <th colspan="52">metadata</th>
<th>search</th> <th>search</th>
</tr> --> </tr> -->
<tr class="sticky border bg-[#000C66] text-[white]"> <tr class="sticky border-[0px] border-r border-l border-[#000C66] bg-[#000C66] text-[white]">
<th v-for="item in arr_col_items" class="sticky border border-gray-600">{{ item }}</th> <th v-for="item in arr_col_items" class="sticky !border-[0px] ">{{ item }}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="item in row_values" > <tr v-for="(item, index) in row_values" :key="index">
<td v-for="item2 in item" class="border">{{ item2 }}</td> <td v-for="item2 in item" class="border-[#000C66]" :class="{'border': true, 'border-t-0': index === 0}">{{ item2 }}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>