Prime vue Datatable edit input active by default
I prime data table for inserting a value for the table with input on the table but the input become active when I click it how can I make the visible by default.
this is my table
<DataTable :value="lookupLabResults" editMode="cell">
<template #header>{{selectedExamination.description}}</template>
<Column header="Result" field="result">
<template #editor="slotProps">
<InputText
autofocus
v-model="slotProps.data[slotProps.column.field]"
@click.stop="[onResultFocus(slotProps),toggle($event)]"
/>
</template>
</Column>
<Column header="Name" field="name" />
<Column header="L/H" field />
<Column header="Range from" field="referenceRangeFrom" />
<Column header="Range to" field="referenceRangeTo" />
<Column header="Range panic" field="referenceRangePanic" />
<Column header="Unit" field="unit" />
<Column header="Remark" field="remark">
<template #editor="slotProps">
<InputText v-model="slotProps.data[slotProps.column.field]" />
</template>
</Column>
</DataTable>
tellpopeyes.com
Primevue data table input edit style
-
- Information
-
Who is online
Users browsing this forum: No registered users and 4 guests