Slickgrid-Vue Demos

Multiple Demos of the Slickgrid-Vue library

Installation

Git clone the demo and npm install it, then run and enjoy fully working demo.

Stackblitz	Description
	with I18N Translate
	Single Locale (without i18n)

Bootstrap 5 - with i18n Translate

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

git clone https://github.com/ghiscoding/slickgrid-vue-demos
cd with-i18n-translate
npm install

Build Demo

npm run build # OR yarn run build

Bootstrap 5 - with Custom Locales (single locale)

This folder purposely has less examples compared to the project with i18n

This is the same as the Bootstrap 5 demo except that it uses custom Locale(s) and does not require (neither use) i18n and are with fixed Locale(s) (this means it is a single static locale loaded). 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.

git clone https://github.com/ghiscoding/slickgrid-vue-demos
cd single-locale-without-i18n
npm install

Build Demo

npm run build # OR yarn run build

VScode

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

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/vue-row-detail-plugin		Row Detail plugin
@slickgrid-universal/composite-editor-component		Composite Editor Modal Component
@slickgrid-universal/custom-tooltip-plugin		Custom Tooltip Plugin
@slickgrid-universal/excel-export		Export to Excel Service (xls/xlsx)
@slickgrid-universal/pdf-export		Export to PDF Service
@slickgrid-universal/text-export		Export to Text File Service (csv/txt)
@slickgrid-universal/graphql		GraphQL Query Service (support Filter/Sort/Pagination)
@slickgrid-universal/odata		OData Query Service (support Filter/Sort/Pagination)
@slickgrid-universal/sql		SQL Query Service (support Filter/Sort/Pagination)
@slickgrid-universal/rxjs-observable		RxJS Observable Service Wrapper