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) {
super(props);
this.state = {
data: getData(),
};
}
render() {
return <DataView data={this.state.data} />;
}
}
MyAARPMedicare
DataViewsJS React Component
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
???
This isn't a PrimeReact component.
This isn't a PrimeReact component.
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: Google [Bot] and 6 guests