PrimeNG 数据表 - 导出选定的行

Question

我在下面有以下 PrimeNG 数据表，我正在尝试仅将我选择的行导出到 csv，其中选择列在此处定义：

<p-column field="marked" header="Marked" [style]="{'width':'38px'}" selectionMode="multiple"></p-column>

这是定义的整个数据表：

<p-column field="marked" header="Selected Column" [style]="{'width':'38px'}" selectionMode="multiple"></p-column>
    <p-header>
        <div class="ui-helper-clearfix">
            <button type="button" pButton icon="fa-file-o" iconPos="left" label="Export To CSV" (click)="dt.exportCSV()" style="float:right"></button>
        </div>
    </p-header>
    <p-column field="marked" header="Selected Column" [style]="{'width':'38px'}" selectionMode="multiple"></p-column>
    <p-column field="id" header="count7" [sortable]="true"></p-column>
    <p-column field="name" header="count6" [sortable]="false"></p-column>
    <p-column field="field1" header="count5" [sortable]="true"></p-column>
    <p-column field="field2" header="count4" [sortable]="true"></p-column>
    <p-column field="field3" header="count3" [sortable]="true"></p-column>
    <p-column field="field4" header="count2" [sortable]="true"></p-column>
    <p-column field="field5" header="Count1" [sortable]="true"></p-column>
</p-dataTable>  

当我现在使用 dt.exportCSV() 命令导出此表时，csv 中的“选定列”列仅包含值“未定义”。

所以，我希望能够只返回选定的行，或者将 csv 中的行标记为“true”或其他值。想法？

感谢大家的帮助！

编辑：添加我定义的 dt 函数：

   <p-dataTable #dt [value]="records" 
 [(selection)]="selectedRecords" exportFilename="discover" dataKey="id"
                [paginator]="true" [rows]="20" [headerCheckboxToggleAllPages]="true">

Answer 1

我知道这个问题很老，但以防万一有人在寻找答案。以下是我们的做法。

dt.exportCSV({ selectionOnly: true });

我们正在使用PrimeNG version: 4.3.0。

Answer 2

您尚未在模板中定义 dt。在 primeNG 样本中，dt 被定义为模板变量：

<p-dataTable #dt [value]="cars">
  <p-column field="vin" header="Vin"></p-column>
  <p-column field="year" header="Year"></p-column>
  <p-column field="brand" header="Brand"></p-column>
  <p-column field="color" header="Color"></p-column>
</p-dataTable> 

<button type="button" pButton icon="fa-file-o" iconPos="left" label="CSV" (click)="dt.exportCSV()"></button>

您需要像他们在 p-dataTable 上使用 #dt 语法一样定义它。看起来它旨在导出整个数据表，而不是单独的列，但如果这是您所追求的。