playing with buttons
This commit is contained in:
24
src/App.vue
24
src/App.vue
@@ -7,14 +7,34 @@ import DataTable from "primevue/datatable"
|
||||
import Column from "primevue/column"
|
||||
|
||||
const data = ref()
|
||||
const activeTables = ref()
|
||||
|
||||
onMounted(() => data.value = [{potato: "potato", tato: "tato"}])
|
||||
onMounted(() => {
|
||||
data.value = [{potato: "potato", tato: "tato"}]
|
||||
activeTables.value = [
|
||||
{
|
||||
tableName: "Table-One",
|
||||
link: "vtt.cyberpunkrush.co/table-one"
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div >
|
||||
<div>
|
||||
<Button label="Verify"/>
|
||||
|
||||
<DataTable :exportable="false" :value="activeTables">
|
||||
<Column field="tableName" header="Table Name"/>
|
||||
<Column field="link" header="Table Link"/>
|
||||
<Column header="Close">
|
||||
<template #body="slotProps">
|
||||
<Button label="Close"/>
|
||||
</template>
|
||||
</Column>
|
||||
</DataTable>
|
||||
|
||||
<DataTable :value="data">
|
||||
<Column field="potato" header="Potato"/>
|
||||
<Column field="tato" header="Tato"/>
|
||||
|
||||
Reference in New Issue
Block a user