# React React

npm version npm downloads Github issues Github repo

ActiveWidgets Datagrid for React.


This package requires dependencies under ⚠️ FREE TRIAL/COMMERCIAL license. You have to purchase a license for each developer in your team before including this package in your application.

The library is available as an NPM package and over ActiveWidgets CDN.

> npm install --save @activewidgets/react

# NPM package

The main module exports ActiveWidgets component classes.

import { Datagrid } from "@activewidgets/react";

The css files are imported as dependencies - your bundler/build script should be configured to process css imports.

# Separate JS, CSS

If you build js and css separately - use @activewidgets/react/js and @activewidgets/react/css modules.

import { Datagrid } from "@activewidgets/react/js";  // code
import "@activewidgets/react/css";  // stylesheets

# Bundle

There is also a bundle module, which includes stylesheets as a string inside the javascript code and automatically injects them as a <style> tag into the page <head>.

import { Datagrid } from "@activewidgets/react/bundle";

This is the simplest if your build script does not like css imports.

For quick prototyping the package is also availble over ActiveWidgets CDN -

<script src="https://cdn.activewidgets.com/react"></script>

or, if you prefer separate js/css -

<link href="https://cdn.activewidgets.com/react/ax.css" rel="stylesheet" />
<script src="https://cdn.activewidgets.com/react/ax.js"></script>

which redirect to the latest version -

<script src="https://cdn.activewidgets.com/react@3.0.0/bundle.js"></script>
<link href="https://cdn.activewidgets.com/react@3.0.0/ax.css" rel="stylesheet" />
<script src="https://cdn.activewidgets.com/react@3.0.0/ax.js"></script>

Use ActiveWidgets.React global namespace with CDN packages.

const { Datagrid } = ActiveWidgets.React;

# Components

Export Description
Datagrid Datagrid component
Row Row component