react-data-grid

WebJar for react-data-grid

License

License

MIT
Categories

Categories

Data React User Interface Web Frameworks
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

react-data-grid
Last Version

Last Version

2.0.73
Release Date

Release Date

Type

Type

jar
Description

Description

react-data-grid
WebJar for react-data-grid
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/adazzle/react-data-grid

Download react-data-grid

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/react-data-grid/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>react-data-grid</artifactId>
    <version>2.0.73</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/react-data-grid/
implementation 'org.webjars.npm:react-data-grid:2.0.73'
// https://jarcasting.com/artifacts/org.webjars.npm/react-data-grid/
implementation ("org.webjars.npm:react-data-grid:2.0.73")
'org.webjars.npm:react-data-grid:jar:2.0.73'
<dependency org="org.webjars.npm" name="react-data-grid" rev="2.0.73">
  <artifact name="react-data-grid" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='react-data-grid', version='2.0.73')
)
libraryDependencies += "org.webjars.npm" % "react-data-grid" % "2.0.73"
[org.webjars.npm/react-data-grid "2.0.73"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

react-data-grid

npm-badge type-badge size-badge ci-badge

Install

npm install react-data-grid

react-data-grid 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[/\\](?!react-data-grid[/\\]lib)/,
      use: 'babel-loader'
    }
  }
}

See documentation

rollup.js configuration with @rollup/plugin-babel
{
  // ...
  plugins: {
    babel({
      include: [
        './src/**/*',
        './node_modules/react-data-grid/lib/**/*'
      ]
    })
  }
}

See documentation

Usage

import DataGrid from 'react-data-grid';

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

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

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

Documentation

org.webjars.npm

Adazzle

We're an ad-tech company in London responsible for the market-leading media workflow and execution tool. Plus we use cool tech.

Versions

Version
2.0.73
1.0.42
1.0.40-vv-issue-4401846
1.0.30-issue3971747
1.0.28
1.0.18
0.14.16
0.13.21
0.13.17
0.13.13