@tableflow/js NPM

The Open Source CSV Importer

Getting Started

1. Install the TableFlow JS SDK

NPM

npm install @tableflow/js

Yarn

yarn add @tableflow/js

2. 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!