Primevue data table input edit style

UI Components for Vue
Post Reply
Columbia
Posts: 1
Joined: 05 Jan 2021, 09:09

05 Jan 2021, 09:10

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

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests