Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 65b1c24

Browse files
dependencies & readme updated
1 parent e32505f commit 65b1c24

File tree

5 files changed

+6923
-5696
lines changed

5 files changed

+6923
-5696
lines changed

‎README.md

Lines changed: 34 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,46 @@
1-
# Ionic Angular Data Table
1+
# :zap:Ionic Angular Data Table
22

3-
App to show json data table, using [swimlane npm module 'ngx-datatable'](https://github.com/swimlane/ngx-datatable) and the [Ionic 5 framework](https://ionicframework.com/docs). This is another great Ionic Quick Win from [Simon Grimm IonicAcademy Youtube video 'Creating Ionic Datatable With ngx-datatable'](https://www.youtube.com/watch?v=Ji52_xdxkDg).
3+
* App to show json data table, using [Swimlane npm module 'ngx-datatable'](https://github.com/swimlane/ngx-datatable) and the [Ionic 5 framework](https://ionicframework.com/docs).
4+
* This is another great Ionic Quick Win from [Simon Grimm IonicAcademy Youtube video 'Creating Ionic Datatable With ngx-datatable'](https://www.youtube.com/watch?v=Ji52_xdxkDg).
45

5-
## Table of contents
6+
## :page_facing_up:Table of contents
67

7-
* [General info](#general-info)
8-
* [Screenshots](#screenshots)
9-
* [Technologies](#technologies)
10-
* [Setup](#setup)
11-
* [Features](#features)
12-
* [Status](#status)
13-
* [Inspiration](#inspiration)
14-
* [Contact](#contact)
8+
* [:zap: Ionic Angular Data Table](#zap-ionic-angular-data-table)
9+
* [:page_facing_up: Table of contents](#page_facing_up-table-of-contents)
10+
* [:books: General info](#books-general-info)
11+
* [:camera: Screenshots](#camera-screenshots)
12+
* [:signal_strength: Technologies](#signal_strength-technologies)
13+
* [:floppy_disk: Setup](#floppy_disk-setup)
14+
* [:computer: Code Examples](#computer-code-examples)
15+
* [:cool: Features](#cool-features)
16+
* [:clipboard: Status & To-do list](#clipboard-status--to-do-list)
17+
* [:clap: Inspiration](#clap-inspiration)
18+
* [:envelope: Contact](#envelope-contact)
1519

16-
## General info
20+
## :books:General info
1721

18-
json data is displayed in a table that is very quickly created using the ngx-datatable module. Buttons are added to hange from Material to Bootstrap styles and also from light to dark mode. Another button changes the classes of the rows so male and female employees are shown in different colours.
22+
*json data is displayed in a table that is very quickly created using the ngx-datatable module. Buttons are added to hange from Material to Bootstrap styles and also from light to dark mode. Another button changes the classes of the rows so male and female employees are shown in different colours.
1923

20-
## Screenshots
24+
## :camera:Screenshots
2125

2226
![screenshot](./img/bootstrap.png)
2327
![screenshot](./img/categories.png)
2428

25-
## Technologies
29+
## :signal_strength:Technologies
2630

27-
* [Ionic v5.14.0](https://ionicframework.com/)
28-
* [Ionic/angular v4.10.0](https://ionicframework.com/)
29-
* [Angular v8.2.8](https://angular.io/)
30-
* [swimlane npm module 'ngx-datatable' v16.0.2](http://swimlane.github.io/ngx-datatable/)
31+
* [Ionic v5](https://ionicframework.com/)
32+
* [Ionic/angular v5](https://ionicframework.com/)
33+
* [Angular v10](https://angular.io/)
34+
* [swimlane npm module 'ngx-datatable' v17](http://swimlane.github.io/ngx-datatable/)
3135

32-
## Setup
36+
## :floppy_disk:Setup
3337

3438
* To start the server on _localhost://8100_ type: 'ionic serve'
3539
* The Ionic DevApp was installed on an Android device from the Google Play app store.
3640

37-
## Code Examples
41+
## :computer:Code Examples
3842

39-
* template to specify data table format.
43+
* `home.page.html`template to specify data table format.
4044

4145
```html
4246
<ngx-datatable
@@ -59,20 +63,19 @@ json data is displayed in a table that is very quickly created using the ngx-dat
5963
</ngx-datatable>
6064
```
6165

62-
## Features
66+
## :cool:Features
6367

64-
* Updated to latest ionic/angular versions. Dependencies updated and conflicts resolved (typescript must be v3.4.5 or it will not compile).
68+
* Updated to latest ionic/angular versions. Dependencies updated and conflicts resolved
6569

66-
## Status & To-do list
70+
## :clipboard:Status & To-do list
6771

6872
* Status: Working.
73+
* To-do: nothing
6974

70-
* To-do: incorporate into one of my apps - e.g. Github API data table or repos.
75+
## :clap: Inspiration
7176

72-
## Inspiration
77+
*[Simon Grimm IonicAcademy Youtube video 'Creating Ionic Datatable With ngx-datatable'](https://www.youtube.com/watch?v=Ji52_xdxkDg)
7378

74-
[Simon Grimm IonicAcademy Youtube video 'Creating Ionic Datatable With ngx-datatable'](https://www.youtube.com/watch?v=Ji52_xdxkDg)
79+
## :envelope: Contact
7580

76-
## Contact
77-
78-
Repo created by [ABateman](https://www.andrewbateman.org) - feel free to contact me!
81+
* Repo created by [ABateman](https://www.andrewbateman.org) - you are welcome to [send me a message](https://andrewbateman.org/contact)

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /