Source and demos
Distribution
Trial distribution
Please visit Download Free Trial page to request distribution zip with product packages and demos for Bryntum Grid.
Licensed distribution
Licensed distribution zip with product packages, sources and demos for Bryntum Grid can be downloaded from Bryntum Customer Zone.
Bryntum Customer Zone contains nightly builds for Bryntum Grid with the latest changes.
Distribution archive
Distribution archive has the following folder structure:
| Folder | Contents |
|---|---|
/build |
Distribution folder, contains JS bundles, CSS themes, locales and fonts. |
/docs |
Documentation, open this in a browser (needs to be on a web server) to view guides & API docs. |
/examples |
Demos, open this in a browser (needs to be on a web server) |
/lib |
Source code, can be included in your ES6+ project using import. |
/resources |
SCSS files to build our themes or your own custom theme. |
/tests |
Our complete test suite, including Siesta Lite to allow you to run them in a browser. |
Bundles
The Bryntum Grid distribution provides pre-build JavaScript bundles. All bundles are transpiled with chrome: 88 babel preset.
In distribution zip they are located under the /build folder.
| File | Contents |
|---|---|
grid.module.js |
Modules format bundle without WebComponents |
grid.lwc.module.js |
Modules format bundle with Lightning WebComponents (Salesforce) |
grid.wc.module.js |
Modules format bundle with WebComponents |
grid.umd.js |
UMD format bundle with WebComponents |
Typings for TypeScripts can be found in files with a .d.ts file extension.
Minified bundles are available for Licensed product version and delivered with .min.js suffix.
Themes
Distribution zip contains Bryntum Grid themes which can be found in /build folder
| File | Contents |
|---|---|
grid.css |
Structural CSS |
svalbard-light.css |
Svalbard Light theme |
svalbard-dark.css |
Svalbard Dark theme |
visby-light.css |
Visby Light theme |
visby-dark.css |
Visby Dark theme |
stockholm-light.css |
Stockholm Light theme |
stockholm-dark.css |
Stockholm Dark theme |
material3-light.css |
Material3 Light theme |
material3-dark.css |
Material3 Dark theme |
fluent2-light.css |
Fluent2 Light theme |
fluent2-dark.css |
Fluent2 Dark theme |
fontawesome/css/fontawesome.css |
Font Awesome Free base CSS |
fontawesome/css/solid.css |
Font Awesome Free solid icons |
JavaScript demos
All vanilla JavaScript demos for Bryntum Grid are located in the /examples folder in the distribution zip.
We recommend unzipping the package and configuring your preferred webserver to serve the contents of the unzipped folder. For example you may configure your webserver to serve the Bryntum Grid folder as http://localhost.
When this is done you can view the demos in your browser locally at http://localhost/examples/.
Framework demos
Framework demos are located in the /examples/frameworks folder.
| Framework | Demo folder location |
|---|---|
| Angular | /examples/frameworks/angular/ |
| Ionic (with Angular) | /examples/frameworks/ionic/ |
| React | /examples/frameworks/react/ |
| React + NextJS | /examples/frameworks/react-nextjs/ |
| React + Vite | /examples/frameworks/react-vite/ |
| Vue 2 | /examples/frameworks/vue/ |
| Vue 3 | /examples/frameworks/vue-3/ |
| Vue 3 + Vite | /examples/frameworks/vue-3-vite/ |
We recommend unzip package and configure your preferred webserver to serve the contents of unzipped folder. For example you may configure webserver to serve Bryntum Grid folder as http://localhost. When this is done you will see demos in your local browser at this URL http://localhost/examples/frameworks/.