Third-party JavaScript components can be integrated into a PHPRunner application without replacing the generated page. The same general approach works for data grids, charts, editors, calendars and many other browser-based components.
The integration usually has five parts:
- Add the component’s JavaScript and CSS files to the project.
- Add a container to the page where the component will be displayed.
- Make the required data available to JavaScript.
- Initialize the component after the page is ready.
- Add only the CSS needed to make the component fit the rest of the application.
In this tutorial we will use Tabulator, a JavaScript data-grid component, as a practical example. The important part is the integration pattern rather than Tabulator itself.

Continue Reading "Integrate Third-Party JavaScript Components with PHPRunner" →