Angular 素数数据表不可编辑

Angular 素数数据表不可编辑,angular,primeng,primeng-datatable,Angular,Primeng,Primeng Datatable,嗨,我正在尝试对datatable使用priming,但是输出只是一个基本表,没有应用它的属性。 组成部分: import { Component } from '@angular/core'; import {AccordionModule} from 'primeng/primeng'; //accordion and accordion tab import {MenuItem} from 'primeng/primeng'; import {DataTableModule}

嗨,我正在尝试对datatable使用priming,但是输出只是一个基本表,没有应用它的属性。 组成部分:

import { Component } from '@angular/core';
import {AccordionModule} from 'primeng/primeng';     //accordion and accordion tab
import {MenuItem} from 'primeng/primeng';  
import {DataTableModule} from 'primeng/components/datatable/datatable';
import {SharedModule} from 'primeng/primeng';
import { sampleProducts } from './products';

@Component({
  selector: 'data-grid',
  templateUrl: './data-grid.html'
})
export class DataGridComponent {
  private data: any[] = sampleProducts;
}
模板:

<p-dataTable [value]="data" [editable]="true">
<p-column field="PayScaleArea" header="PayScaleArea"></p-column>
<p-column field="PayScaleTypeCode" header="PayScaleTypeCode" [sortable]="true"></p-column>
<p-column field="MeritPercentage" header="MeritPercentage" [sortable]="true"></p-column>
<p-column field="CreatedBy" header="CreatedBy"></p-column>
<p-column field="CreatedDate" header="CreatedDate"></p-column>
输出: 看起来像普通的桌子。
设置中是否缺少任何内容

您是否也尝试将列设置为可编辑?比如:

 <p-column field="PayScaleArea" header="PayScaleArea" [editable]="true"></p-column>

您是否也尝试将列设置为可编辑?比如:

 <p-column field="PayScaleArea" header="PayScaleArea" [editable]="true"></p-column>

您还有问题吗

我用你的代码创建了这个,我刚刚为每个
p列添加了
[editable]=“true”
,一切似乎都正常(排序和编辑数据),不是吗

<p-dataTable [value]="data" [editable]="true">
  <p-column field="PayScaleArea" header="PayScaleArea" [editable]="true"></p-column>
  <p-column field="PayScaleTypeCode" header="PayScaleTypeCode" [sortable]="true" [editable]="true"></p-column>
  <p-column field="MeritPercentage" header="MeritPercentage" [sortable]="true" [editable]="true"></p-column>
  <p-column field="CreatedBy" header="CreatedBy" [editable]="true"></p-column>
  <p-column field="CreatedDate" header="CreatedDate" [editable]="true"></p-column>
</p-dataTable>

您还有问题吗

我用你的代码创建了这个,我刚刚为每个
p列添加了
[editable]=“true”
,一切似乎都正常(排序和编辑数据),不是吗

<p-dataTable [value]="data" [editable]="true">
  <p-column field="PayScaleArea" header="PayScaleArea" [editable]="true"></p-column>
  <p-column field="PayScaleTypeCode" header="PayScaleTypeCode" [sortable]="true" [editable]="true"></p-column>
  <p-column field="MeritPercentage" header="MeritPercentage" [sortable]="true" [editable]="true"></p-column>
  <p-column field="CreatedBy" header="CreatedBy" [editable]="true"></p-column>
  <p-column field="CreatedDate" header="CreatedDate" [editable]="true"></p-column>
</p-dataTable>


还有可编辑属性,每行显示2行,在编辑模式下一行显示另一行,如何启用行内编辑?还有可编辑属性,每行显示2行,在编辑模式下一行显示另一行,如何启用行内编辑?