No Code Plugin

The No Code Plugin allows end users to create an AdapTable instance at runtime from any JSON or Excel file that they provide.

It will dynamically instantiate a fully functional AdapTable including advanced features like state management and audit log, enabling Users to attach to the same source daily or multiple different sources.

warning

For the moment, the No Code Plugin only works with core AdapTable and not with the Wrappers.

No Code Wizard

Once a JSON or Excel file has been selected (or dragged and droppped), the AdapTable No Code Wizard will appear.

It has 2 steps:

  1. The Wizard will read the input file / JSON and list the available columns it contains, together with options for each column to change the DataType, and set editing, filtering, sorting, grouping and other properties.

  2. A second (optional) step allows Users to set up many of the Adaptable Options that would normally be configured at design-time, in order to ensure that the AdapTable instance suits their precise requirements.

caution

The source data must have one column that contains unique values which will be set as the Primary Key column (by convention this is the first column).

Code Required

There is minimum set-up required to initialise the No Code plugin.

A full example would be as follows:

import "@adaptabletools/adaptable/index.css";
import "@ag-grid-community/all-modules/dist/styles/ag-grid.css";
import "@ag-grid-community/all-modules/dist/styles/ag-theme-balham.css";
import nocode from "@adaptabletools/adaptable-plugin-nocode-aggrid";
import { AdaptableOptions} from "@adaptabletools/adaptable/types";
import { AllEnterpriseModules } from "@ag-grid-enterprise/all-modules";
import Adaptable from "@adaptabletools/adaptable/agGrid";
const adaptableOptions: AdaptableOptions = {
primaryKey: "",
userName: "Demo User",
adaptableId: "Nocode Plugin Demo",
plugins: [
nocode({
onInit: adaptableOptions => {
adaptableOptions.vendorGrid.modules = AllEnterpriseModules;
}
})
]
};
Adaptable.init(adaptableOptions).then((api) => {
console.log(api, "!!!");
});

Example Project

Visit the No Code Example Project to see a basic example of how to set up the No Code plugin.

Demo

Visit the No Code Demo to see AdapTable running the No Code plugin.