GithubHelp home page GithubHelp logo

dharanbro / snaptable Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 3.0 6.57 MB

Plugin for jsPDF to write a table to pdf

Home Page: https://dharanbro.github.io/snaptable/

License: MIT License

TypeScript 31.05% CSS 0.22% JavaScript 68.74%
jspdf jspdf-plugin

snaptable's Introduction

[WIP] SnapTable

MIT bundlephobia types npm version

Plugin for jsPDF to write a table to pdf written with typescript.

const  doc = new  jsPDF({ unit:  "px" });
const  snapTable = new  SnapTable(doc)
snapTable.writeTable(data);
const  output = doc.output("datauri");

Supported Data:

{
    head: ['Name', 'Email', 'Country'],
    body: [
        ['Caitlin', '[email protected]', 'Sweden'],
        ['Gale', '[email protected]', 'Norway'],
        ['Roslyn', '[email protected]', 'Australia'],
        ['Reyna', '[email protected]', 'Ireland'],
        ['Sheree', '[email protected]', 'Germany'],
        ['Mueller', '[email protected]', 'United States of America'],
        ['Gray', '[email protected]', 'Sweden'],
        ['Fitzpatrick', '[email protected]', 'France'],
    ],
}

Individual cell can be modified with cell config object

{
    head: ['Name', 'Email', 'Country'],
    body: [
        ['Caitlin', '[email protected]', 'Sweden'],
        ['Gale', '[email protected]', 'Norway'],
        ['Roslyn', '[email protected]', 'Australia'],
        ['Reyna', '[email protected]', {
            text: "Ireland",
            background: "#F24436",
            color: "#FFFFFF"
        }],
        ['Sheree', '[email protected]', 'Germany'],
        ['Mueller', '[email protected]', 'United States of America'],
        ['Gray', {
            text: "[email protected]",
            background: "#FFFFFF",
            color: "#FBC02D"
        }, 'Sweden'],
        ['Fitzpatrick', '[email protected]', 'France'],
    ],
}

Contributing

yarn install
yarn run storybook

Open in Gitpod

snaptable's People

Contributors

dharanbro avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.