Primevue data table input edit style

UI Components for Vue
Post Reply
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">
<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.column.field]" />

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest