Экспорт определенных столбцов в p-datatable

Я хочу экспортировать определенные столбцы в p-datatable. Раньше я экспортировал все записи, но теперь хочу экспортировать определенные столбцы. Как мне это сделать?

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
2
0
756
2

Ответы 2

От Документ PrimeNG

In order to exclude a column from the csv, use [exportable] = "false" on p-column.

Для получения определенного столбца есть одно решение. Html-страница:

<p-dataTable #dg [value] = "groupdetails" selectionMode = "multiple" resizableColumns = "true" reorderableColumns = "true"  expandableRows = "true" [paginator] = "true" [rows] = "5" [pageLinks] = "3" [rowsPerPageOptions] = "[5,10,20]" [loading] = "ploader3">
     <p-header>
        <div class = "ui-helper-clearfix">
        <button class = "btn btn-info" type = "button" (click) = "dg.exportCSV({selectionOnly:true})" style = "float:left"><i class = "fa fa-download" aria-hidden = "true"></i> SELECTED EXPORT</button>
        <button class = "btn btn-info" type = "button" (click) = "export(dg)" style = "float:right"><i class = "fa fa-download" aria-hidden = "true"></i> Export</button>
        </div>
     </p-header>
     <p-column field = "groupName" [filter] = "true" [sortable] = "true" header = "groupName"></p-column>
     <p-column field = "groupId" [filter] = "true" [sortable] = "true" header = "groupId"></p-column>
     <p-column field = "parentGroupId" [filter] = "true" [sortable] = "true" header = "parentGroupId"></p-column>
</p-dataTable>

На странице Ts:

public export(e){ 
 const hiddenColumns: any[] = [];
 e.columns.forEach((c) => {
  if (c.field === "hiddencolumnName" ) {
    hiddenColumns.push({field: c.field, col: c});
    c.field = '';
  } if (c.field === "hiddencolumnName2" ) {
    hiddenColumns.push({field: c.field, col: c});
    c.field = '';
  } 
}
e.exportCSV();
// restore their fields so still works in the future
hiddenColumns.forEach((hc) => {
  hc.col.field = hc.field;
});
}

Добавьте столбцы в скрытый массив, который вы не хотите экспортировать.

Другие вопросы по теме