Exporting a Report to HTML
Our sample projects and report templates can help you learn the basics of working with our products.Render the report in Vue 3 and export it directly from code, without opening the viewer.
Exporting the document. Load and render the report, configure the requested export format, and deliver the generated bytes as a file, stream, or web response.
Exporting the document. Load and render the report, configure the requested export format, and deliver the generated bytes as a file, stream, or web response.
<script setup lang="ts">
import { Stimulsoft } from 'stimulsoft-reports-js-vuejs'
async function saveReportHtml() {
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Reports/SimpleList.mrt");
await report.renderAsync2();
var pdfData = await report.exportDocumentAsync2(Stimulsoft.Report.StiExportFormat.Html);
Stimulsoft.System.StiObject.saveAs(pdfData, report.reportAlias + ".html", "text/html;charset=utf-8");
}
</script>
<template>
<div class="container">
<h4>This sample demonstrates how to export a report to an HTML file and save it:</h4>
<div class="container-button">
<button @click="saveReportHtml" class="button" title="Export Report to HTML File">Export to HTML</button>
</div>
</div>
</template>renderAsync2(), exportDocumentAsync2(StiExportFormat.Html) returns the HTML data, which StiObject.saveAs writes to a file with the correct MIME type.