DataViewsJS React Component

UI Components for React
Post Reply
Posts: 1
Joined: 30 Dec 2020, 06:43

30 Dec 2020, 06:48

Supports React version 15.0.0 or higher.

The DataViewsJS control can be integrated with the DataViewsJS component for React in React JSX syntax. A DataViewsJS React component is a wrapper for the DataViewsJS control it represents. The Component creates a DataViewJS control behind the scenes, and provides a reference to the control instance via the dataView property. The Component also allows you to configure the control options and events declaratively in the React JSX syntax.

DataViewsJS React component is shipped as a separate npm. The latest version of the package can be installed from npm by executing the following command from NodeJS command prompt:

npm install @grapecity/dataviews.react

See this topic for more details about DataViewsJS npm packages.

After that, you can import React component using ESM import statements. For example, the below import statement imports the DataViewsJS React component:

import DataView from '@grapecity/dataviews.react';

jsx harmony
import React from 'react';
import DataView from '@grapecity/dataviews.react';
import '@grapecity/dataviews.grid'; // to apply default grid layout
import { getData } from './data';

class App extends React.Component {
constructor(props) {
this.state = {
data: getData(),
render() {
return <DataView data={} />;


Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests