Angular 加载字符串数组的素数角度数据表

我是Priming Datatable网格的新手。最初，我的网格具有与网格紧密结合的属性：

                            <p-column
                                field="ColShortName"
                                header="Select a Column"
                                [sortable]="true"
                                [filter]="true"
                                filterPlaceholder="Search"
                                filterMatchMode="contains"
                            >
                            </p-column>

但是，现在我将基础数据数组更改为字符串数组：

[“组成部分O账户期”、“组成部分O账户期”开始日期“，…]

现在在我的网格中，当它读取数据时，我看到了一堆空行，但我不知道用什么替换字段

如果我的数组没有任何属性怎么办

HTML:

<div class="form-group col-xs-12">
    <p-dataTable
        appAutoFocus
        [value]="columnDefinitionData"
        sortMode="multiple"
        [multiSortMeta]="multiSortMeta"
        [scrollable]="true"
        scrollHeight="150px"
        (onRowSelect)="onEdit($event)"
        selectionMode="single"
        [(selection)]="selectedItem"
    >
        <p-column
            header="Select a Column"
            [sortable]="true"
            [filter]="true"
            filterPlaceholder="Search"
            filterMatchMode="contains"
        ></p-column>
    </p-dataTable>
</div>

public columnDefinitionData: string[] = [];

private loadColumnDefinitions() {
    this._directUpdateService.getColumnDefs().subscribe(
        r => {
            this.columnDefinitionData = r;
            for (let i = 0; i <= this.logs.length - 1; i++) {
                if (
                    this.logs[i].wfWorkflowStatus ===
                        "CDS2 Validation Failed" ||
                    this.logs[i].wfWorkflowStatus === "Ready for Review"
                ) {
                    this._disableAdd = false;
                }
            }
        },
        e => {
            throw e;
        }
    );
}

public getColumnDefs(): Observable<string[]> {
    return this._http.get(`${this._columnDefinitionUrl}GetDbTableCDS2`);
}

.ts:

<div class="form-group col-xs-12">
    <p-dataTable
        appAutoFocus
        [value]="columnDefinitionData"
        sortMode="multiple"
        [multiSortMeta]="multiSortMeta"
        [scrollable]="true"
        scrollHeight="150px"
        (onRowSelect)="onEdit($event)"
        selectionMode="single"
        [(selection)]="selectedItem"
    >
        <p-column
            header="Select a Column"
            [sortable]="true"
            [filter]="true"
            filterPlaceholder="Search"
            filterMatchMode="contains"
        ></p-column>
    </p-dataTable>
</div>

public columnDefinitionData: string[] = [];

private loadColumnDefinitions() {
    this._directUpdateService.getColumnDefs().subscribe(
        r => {
            this.columnDefinitionData = r;
            for (let i = 0; i <= this.logs.length - 1; i++) {
                if (
                    this.logs[i].wfWorkflowStatus ===
                        "CDS2 Validation Failed" ||
                    this.logs[i].wfWorkflowStatus === "Ready for Review"
                ) {
                    this._disableAdd = false;
                }
            }
        },
        e => {
            throw e;
        }
    );
}

public getColumnDefs(): Observable<string[]> {
    return this._http.get(`${this._columnDefinitionUrl}GetDbTableCDS2`);
}

公共列定义数据：字符串[]=[]；
私有loadColumnDefinitions（）{
这是.\u directUpdateService.getColumnDefs（）.subscribe(
r=>{
this.columnDefinitionData=r；
for（设i=0；i{
投掷e；
}
);
}

服务。ts:

<div class="form-group col-xs-12">
    <p-dataTable
        appAutoFocus
        [value]="columnDefinitionData"
        sortMode="multiple"
        [multiSortMeta]="multiSortMeta"
        [scrollable]="true"
        scrollHeight="150px"
        (onRowSelect)="onEdit($event)"
        selectionMode="single"
        [(selection)]="selectedItem"
    >
        <p-column
            header="Select a Column"
            [sortable]="true"
            [filter]="true"
            filterPlaceholder="Search"
            filterMatchMode="contains"
        ></p-column>
    </p-dataTable>
</div>

public columnDefinitionData: string[] = [];

private loadColumnDefinitions() {
    this._directUpdateService.getColumnDefs().subscribe(
        r => {
            this.columnDefinitionData = r;
            for (let i = 0; i <= this.logs.length - 1; i++) {
                if (
                    this.logs[i].wfWorkflowStatus ===
                        "CDS2 Validation Failed" ||
                    this.logs[i].wfWorkflowStatus === "Ready for Review"
                ) {
                    this._disableAdd = false;
                }
            }
        },
        e => {
            throw e;
        }
    );
}

public getColumnDefs(): Observable<string[]> {
    return this._http.get(`${this._columnDefinitionUrl}GetDbTableCDS2`);
}

public getColumnDefs（）：可观察{
返回此值。_http.get（`${this._columnDefinitionUrl}GetDbTableCDS2`）；
}

正如您所看到的，网格中填充了行，但没有显示数据。我还需要能够搜索这些行。当我使用对象时，我能够搜索

---

你能发布完整的html和ts文件吗？你只共享了列部分，你在哪里分配数据？@Niladri-如果需要更多信息，请告诉我。你能发布完整的html和ts文件吗？你只共享了列部分，你在哪里分配数据？@Niladri-如果需要更多信息，请告诉我。