Relative Content

Tag Archive for javascriptvue.jsprimevue

How to delete a row in PrimeVue Data Table

<script setup> import {useFormStore} from ‘../stores/formStore’; import {storeToRefs} from ‘pinia’; import DataTable from ‘primevue/datatable’; import Column from ‘primevue/column’; import Button from ‘primevue/button’; const formStore = useFormStore(); const {formDataArray} = storeToRefs(formStore); const handleButtonClick = (rowData) => { const index = formDataArray.value.findIndex((item) => item.id === rowData.id); formDataArray.splice(index, 1) }; </script> <template> <div class=”card”> <DataTable :value=”formDataArray” table-style=”min-width: 50rem”> […]

How to delete a row in PrimeVue Data Table

<script setup> import {useFormStore} from ‘../stores/formStore’; import {storeToRefs} from ‘pinia’; import DataTable from ‘primevue/datatable’; import Column from ‘primevue/column’; import Button from ‘primevue/button’; const formStore = useFormStore(); const {formDataArray} = storeToRefs(formStore); const handleButtonClick = (rowData) => { const index = formDataArray.value.findIndex((item) => item.id === rowData.id); formDataArray.splice(index, 1) }; </script> <template> <div class=”card”> <DataTable :value=”formDataArray” table-style=”min-width: 50rem”> […]