Angular-Slickgrid Demos

Multiple Demos of the Angular-Slickgrid library

All demos were created using the Angular-CLI

Installation

Choose the theme and feature you want, they are separated into 2 theme (Bootstrap 4 or 5) and there's a demo with Custom Locales (without ngx-translate, fixed Locales) and the other demos are all with ngx-translate (dynamically switch language on the fly).

VScode

If you use Visual Studio Code, you can also run each of the demo through the multiple VSCode Tasks.

Bootstrap 4 - with Custom Locales (single locale)

This is the same as the Bootstrap 4 demo except that it uses custom Locale(s) and does not require (neither use) ngx-translate and are with fixed Locale(s) (this means you cannot switch locale on the fly). The Locales that were added for the demo (English/French), can be found under src/app/locales. You can use, and define, your own custom Locales via a TypeScript file.

Install and Start Demo

git clone https://github.com/ghiscoding/angular-slickgrid-demos
cd bootstrap4-demo-with-locales
npm install # OR yarn install
npm start # OR yarn start

Build Demo

npm run build # OR yarn run build

Bootstrap 4 - with ngx-translate

Common Bootstrap 4 demo using ngx-translate to provide the use of multiple languages (locales) which can be switched dynamically (on the fly).

Install and Start Demo

git clone https://github.com/ghiscoding/angular-slickgrid-demos
cd bootstrap4-demo-with-translate
npm install # OR yarn install
npm start # OR yarn start

Build Demo

npm run build # OR yarn run build

Bootstrap 5 - with ngx-translate

Common Bootstrap 5 demo using ngx-translate to provide the use of multiple languages (locales) which can be switched dynamically (on the fly).

Install and Start Demo

git clone https://github.com/ghiscoding/angular-slickgrid-demos
cd bootstrap5-demo-with-translate
npm install # OR yarn install
npm start # OR yarn start

Build Demo

npm run build # OR yarn run build