AdapTable React

Summary

  • AdapTable React enables AdapTable to be instantiated and referenced inside a React (18 or 19) application
  • It integrates directly with, and extends, the AG Grid React Component using the new ReactUI
  • It enables Custom Components to be provided to AdapTable in a framework-friendly fashion

AdapTable React is a lightweight wrapper around AG Grid React.

It enables AdapTable to be instantiated, and used, in a recognisably React way.

Caution

AdapTable requires React 18 or 19 - please make sure you are using one of these React versions in your application

Other than Installation and Integration, everything else in AdapTable React (e.g. creating Adaptable Options, writing Initial Adaptable State, using Adaptable API etc.) works exactly the same in AdapTable Vanilla.

Custom Components

AdapTable React allows you to supply AdapTable with various React custom components:

React Hooks

AdapTable React provides 3 custom React hooks which you can use in your React components, enabling you to interact with Adaptable State, the current Layout and the Adaptable API in a more natural React-way.

  • useAdaptableState
  • useCurrentLayout
  • useAdaptableApi

AdapTable Resources

  • The React Example Project is a standalone working example app of AdapTable React. It is designed to provide a platform for you to create your own application and contains:
    • The full source code illustrating how the 2 React components are installed and instantiated
    • Examples of the 4 custom components which AdapTable allows you to provide in a React-friendly way:
  • Additionally to help you get up and running quickly, we provide a basic React Template; this is also useful for Support issues and is available as:
NextInstallation