Primevue数据表输入编辑样式

时间:2020-06-23 11:45:49

标签: javascript html css vue.js primevue

Prime vue Datatable编辑输入默认处于活动状态

我准备在表中插入带有输入的表的值的数据表,但是当我单击它时输入变为活动状态,默认情况下如何使它可见。

这是我的桌子

<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>

0 个答案:

没有答案