Prime Community Forum

Code: Select all

<Datatable exportFilename="yourFileName" />

Code: Select all

  <template :v-show="false">
    <DataTable
      ref="exporttable"
      :key="exportfilename"
      :value="exportdata"
      :exportFilename="exportfilename"
    >
      <Column
        v-for="(col, index) of chosencolumns"
        :field="col.field"
        :header="col.header"
        :key="col.field + '_x_' + index"
      >
      </Column>
    </DataTable>
  </template>

Code: Select all

          <Button
            label="Download"
            icon="pi pi-file-excel"
            loadingIcon="pi pi-spin pi-cog"
            :loading="loading.download"
            class="p-button p-button-secondary"
            @click="download"
          />

Code: Select all

    download() {
      this.loading.download = true;
      this.exportdata = this.exportfilter();
      const d = new Date();
      let fn = "Export_";
      fn += d.toISOString().substring(0, 19);
      this.exportfilename = fn.replace(/[T:-]/g, "");
      this.$nextTick()
        .then(() => {
          this.$refs.exporttable.exportCSV();
        })
        .then(() => {
          this.exportdata = [];
          this.exportfilename = d.toISOString();
          this.loading.download = false;
        });
    },