listview component
This commit is contained in:
54
src/components/ViewModes/ListView.vue
Normal file
54
src/components/ViewModes/ListView.vue
Normal file
@@ -0,0 +1,54 @@
|
||||
<template>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table-compact table w-full">
|
||||
<!-- head -->
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<label>
|
||||
<input type="checkbox" class="checkbox-primary checkbox checkbox-sm" />
|
||||
</label>
|
||||
</th>
|
||||
<th>Note title</th>
|
||||
<th>References</th>
|
||||
<th>Modified</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- row 1 -->
|
||||
<tr class="hover">
|
||||
<th>
|
||||
<label>
|
||||
<input type="checkbox" class="checkbox-primary checkbox checkbox-sm" />
|
||||
</label>
|
||||
</th>
|
||||
<td>Cy Ganderton</td>
|
||||
<td>Quality Control Specialist</td>
|
||||
<td>Blue</td>
|
||||
</tr>
|
||||
<!-- row 2 -->
|
||||
<tr class="hover">
|
||||
<th>
|
||||
<label>
|
||||
<input type="checkbox" class="checkbox-primary checkbox checkbox-sm" />
|
||||
</label>
|
||||
</th>
|
||||
<td>Hart Hagerty</td>
|
||||
<td>Desktop Support Technician</td>
|
||||
<td>Purple</td>
|
||||
</tr>
|
||||
<!-- row 3 -->
|
||||
<tr class="hover">
|
||||
<th>
|
||||
<label>
|
||||
<input type="checkbox" class="checkbox-primary checkbox checkbox-sm" />
|
||||
</label>
|
||||
</th>
|
||||
<td>Brice Swyre</td>
|
||||
<td>Tax Accountant</td>
|
||||
<td>Red</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user