0
こんにちは私はdatatableのためにprimeNGを使用しようとしていますが、出力はそれが適用されたプロパティのない基本的なテーブルです。 コンポーネント：PrimeNG datatable not editable
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>
app.module：
import { NgModule } from '@angular/core';
import {FormsModule} from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppComponent } from './app.component';
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 { DataGridComponent } from './data-grid.component';
@NgModule({
bootstrap: [AppComponent],
declarations: [AppComponent,DataGridComponent],
imports: [BrowserModule, BrowserAnimationsModule, AccordionModule,DataTableModule,SharedModule]
})
export class AppModule {
}
出力： は、通常のテーブルのように見えます。 設定に何か不足していますか？
しかし、まだソート可能ではありません。何故かアイデアなぜですか？ – Harshini
また編集可能なプロパティでは、各行、1つのディスプレイ、およびその他の編集モードで2行が表示されます。ライン編集ではどのように有効にしますか？ – Harshini