@beegridtable/bee-grid-table
TypeScript icon, indicating that this package has built-in type declarations

0.0.7 • Public • Published

bee-grid-table

Install

npm install @beegridtable/bee-grid-table 
#or
yarn add @beegridtable/bee-grid-table

bee-grid-table is published as ES2019 modules, you'll probably want to transpile those down to scripts for the browsers you target using Babel and browserslist.

Example browserslist configuration file
last 2 chrome versions
last 2 edge versions
last 2 firefox versions
last 2 safari versions

See documentation

Example babel.config.json file
{
  "presets": [
    [
      "@babel/env",
      {
        "bugfixes": true,
        "shippedProposals": true,
        "corejs": 3,
        "useBuiltIns": "entry"
      }
    ]
  ]
}

See documentation

  • It's important that the configuration filename be babel.config.* instead of .babelrc.*, otherwise Babel might not transpile modules under node_modules.
  • We recommend polyfilling modern JS features with core-js by adding the following snippet at the top of your bundle's entry file:
    import "core-js/stable";
    • Babel's env preset, if configured correctly, will transform this import so only the necessary polyfills are included in your bundle.
  • Polyfilling the ResizeObserver API is required for older browsers.
Webpack configuration with babel-loader
{
  // ...
  module: {
    rules: {
      test: /\.js$/,
      exclude: /node_modules[/\\](?!@beegridtable/bee-grid-table[/\\]lib)/,
      use: 'babel-loader'
    }
  }
}

See documentation

rollup.js configuration with @rollup/plugin-babel
{
  // ...
  plugins: {
    babel({
      include: ["./src/**/*", "./node_modules/@beegridtable/bee-grid-table/lib/**/*"],
    });
  }
}

See documentation

Usage

import BeeGridTable from "@beegridtable/bee-grid-table";

const columns = [
  { key: "id", name: "ID" },
  { key: "title", name: "Title" },
];

const rows = [
  { id: 0, title: "Example" },
  { id: 1, title: "Demo" },
];

function App() {
  return <BeeGridTable columns={columns} rows={rows} />;
}

Documentation

Package Sidebar

Install

npm i @beegridtable/bee-grid-table

Weekly Downloads

14

Version

0.0.7

License

MIT

Unpacked Size

620 kB

Total Files

8

Last publish

Collaborators

  • beegridtable