@tableflow/js
v1.27.0
Published
The JavaScript SDK for TableFlow. Embed an importer to collect and transform CSV files in your application.
Downloads
134
Maintainers
ciminelliReadme
The Open Source CSV Importer
Getting Started
1. Install the TableFlow JS SDK
NPM
npm install @tableflow/jsYarn
yarn add @tableflow/js2. Add the Importer to your application
Create an importer, define your template, and retrieve data on TableFlow.
The full SDK reference is available in our docs.
import createTableFlowImporter from "@tableflow/js";
const importer = createTableFlowImporter({
importerId: "6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353", // Use your importer ID from https://app.tableflow.com/importers
modalOnCloseTriggered: () => importer.close(),
onComplete: (data) => console.log(data),
darkMode: true,
});
const uploadButton = document.getElementById("uploadButton");
uploadButton.addEventListener("click", () => {
importer?.showModal();
});Or directly in HTML
<head>
<script src="https://unpkg.com/@tableflow/js@latest/build/index.js"></script>
</head>
<body>
<button id="uploadButton">Open TableFlow Importer</button>
<script>
const importer = createTableFlowImporter({
importerId: "6de452a2-bd1f-4cb3-b29b-0f8a2e3d9353", // Use your importer ID from https://app.tableflow.com/importers
modalOnCloseTriggered: () => importer.close(),
onComplete: (data) => console.log(data),
darkMode: true,
});
const uploadButton = document.getElementById("uploadButton");
uploadButton.addEventListener("click", () => {
importer?.showModal();
});
</script>
</body>
Need help or have a feature request? Reach out to us over Slack!