Skip to content

Repository files navigation

Angular Angular-Slickgrid Demos

Multiple Demos of the Angular-Slickgrid library

Installation

Git clone the full demo repo and npm install any of the 2 demos described below, then run and enjoy fully working demo.

Stackblitz

Open in Stackblitz

Stackblitz Description
Open in StackBlitz with I18N Translate
Open in StackBlitz Single Locale (without i18n)

Bootstrap 5 - Standalone Components 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 standalone-with-translate
npm install   # OR yarn install
npm start     # OR yarn start
Build Demo
npm run build # OR yarn run build

Bootstrap 5 - Standalone Components with Custom Locales (single locale)

This is the same as the Bootstrap 5 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 standalone-single-locale
npm install   # OR yarn install
npm start     # OR yarn start
Build Demo
npm run build # OR yarn run build

Optional NPM Packages

Please note that some of the npm packages installed in these demos are optional and are installed only for demo purposes. If you don't need the feature then don't install it (remove it from your package.json) and you'll end up with a smaller production build.

Again the following dependencies are totally OPTIONAL

Package Name Version Description
@slickgrid-universal/angular-row-detail-plugin npm Row Detail plugin
@slickgrid-universal/composite-editor-component npm Composite Editor Modal Component
@slickgrid-universal/custom-tooltip-plugin npm Custom Tooltip Plugin
@slickgrid-universal/excel-export npm Export to Excel Service (xls/xlsx)
@slickgrid-universal/pdf-export npm Export to PDF Service
@slickgrid-universal/text-export npm Export to Text File Service (csv/txt)
@slickgrid-universal/graphql npm GraphQL Query Service (support Filter/Sort/Pagination)
@slickgrid-universal/odata npm OData Query Service (support Filter/Sort/Pagination)
@slickgrid-universal/sql npm SQL Query Service (support Filter/Sort/Pagination)
@slickgrid-universal/rxjs-observable npm RxJS Observable Service Wrapper

Releases

Sponsor this project

Used by

Contributors

Languages