From 1a2b0fa6270171128558357eb489ac2729d86a6f Mon Sep 17 00:00:00 2001 From: Sandro Marques Date: Tue, 21 Nov 2023 00:01:20 +0000 Subject: [PATCH] Cleanup demo pages Updates the demo pages to have a consistent look & feel, and to have navigation between all the pages. The new pages can be previewed at https://sandrohc.github.io/simple-datatables/. --- README.md | 2 +- docs/demos/1-simple/index.html | 30 +- docs/demos/10-filters/index.html | 25 +- docs/demos/11-export/index.html | 46 ++- docs/demos/12-updating/index.html | 50 +-- docs/demos/13-hide-column/index.html | 26 +- docs/demos/14-row-navigation/index.html | 79 +++-- docs/demos/15-editing/index.html | 38 ++- docs/demos/16-scroll-y/index.html | 23 +- docs/demos/17-checkbox-column/index.html | 40 ++- .../18-fetch-api/{demo.json => data.json} | 0 docs/demos/18-fetch-api/index.html | 34 +- docs/demos/19-bootstrap-table/index.html | 38 ++- docs/demos/2-dynamic-import/index.html | 27 +- docs/demos/20-column-filters/index.html | 37 +-- docs/demos/21-svg/index.html | 164 +++++----- docs/demos/22-and-search/index.html | 56 ++-- docs/demos/23-column-filter-button/index.html | 195 ++++++------ docs/demos/24-footer/index.html | 21 +- docs/demos/3-cdn/index.html | 26 +- docs/demos/4-render-column-cell/index.html | 114 +++---- docs/demos/5-column-manipulation/index.html | 25 +- docs/demos/6-datetime-sorting/index.html | 26 +- .../7-init-destroy-import-export/index.html | 297 +++++++++--------- docs/demos/8-add-1000-rows/index.html | 48 ++- .../index.html | 44 ++- docs/demos/demo.css | 13 +- docs/demos/index.html | 27 +- docs/favicon.ico | Bin 0 -> 1150 bytes docs/favicon.png | Bin 0 -> 1377 bytes docs/favicon.svg | 12 + docs/index.html | 10 +- test/server.mjs | 4 +- 33 files changed, 880 insertions(+), 697 deletions(-) rename docs/demos/18-fetch-api/{demo.json => data.json} (100%) create mode 100644 docs/favicon.ico create mode 100644 docs/favicon.png create mode 100644 docs/favicon.svg diff --git a/README.md b/README.md index 1281392d..ee844eac 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ A lightweight, extendable, JavaScript HTML table library written in TypeScript a ## Examples / Demos -See the demos [here](https://fiduswriter.github.io/simple-datatables/demos/). +See the demos [here](https://fiduswriter.github.io/simple-datatables/demos/) and the documentation [here](https://fiduswriter.github.io/simple-datatables/documentation/). ### Upgrading diff --git a/docs/demos/1-simple/index.html b/docs/demos/1-simple/index.html index b01c813b..8a691708 100644 --- a/docs/demos/1-simple/index.html +++ b/docs/demos/1-simple/index.html @@ -3,30 +3,37 @@ - - Simple - + + Simple - simple-datatables - -

Simple

- +
+

+ simple-datatables +

+ Documentation + Demos +
+ +

Simple

+ +
@@ -740,7 +747,7 @@

Simple

diff --git a/docs/demos/10-filters/index.html b/docs/demos/10-filters/index.html index 43afe453..fda233de 100644 --- a/docs/demos/10-filters/index.html +++ b/docs/demos/10-filters/index.html @@ -3,20 +3,29 @@ - - Filters + + Filters - simple-datatables -

Filters

- +
+

+ simple-datatables +

+ Documentation + Demos +
+ +

Filters

+ + + - - - diff --git a/docs/demos/19-bootstrap-table/index.html b/docs/demos/19-bootstrap-table/index.html index ea128c20..7ec5bcdf 100644 --- a/docs/demos/19-bootstrap-table/index.html +++ b/docs/demos/19-bootstrap-table/index.html @@ -3,30 +3,38 @@ - - Bootstrap table + + Bootstrap Table - simple-datatables + + +
-

Bootstrap table

+
+

+ simple-datatables +

+ Documentation + Demos +
+

Integration with Bootstrap Table

- Name + Name Ext. City
- + @@ -749,7 +757,7 @@

Bootstrap table

paginationList: "pagination", paginationListItem: "page-item", paginationListItemLink: "page-link" - }, + }, columns: [ { select: 2, diff --git a/docs/demos/2-dynamic-import/index.html b/docs/demos/2-dynamic-import/index.html index 6b902bdb..4f7f47c2 100644 --- a/docs/demos/2-dynamic-import/index.html +++ b/docs/demos/2-dynamic-import/index.html @@ -3,18 +3,25 @@ - - Dynamic import - + + Dynamic import - simple-datatables - -

Dynamic Import

-
- Name - Name Ext. City Start Date
+
+

+ simple-datatables +

+ Documentation + Demos +
+ +

Dynamic import

+ +
@@ -727,11 +734,13 @@

Dynamic Import

Name
- + + + diff --git a/docs/demos/20-column-filters/index.html b/docs/demos/20-column-filters/index.html index 52fca334..3fc784b6 100644 --- a/docs/demos/20-column-filters/index.html +++ b/docs/demos/20-column-filters/index.html @@ -3,26 +3,25 @@ - + Column filters - - - -

Column filters

- +
+

+ simple-datatables +

+ Documentation + Demos +
+ +

Column filters

+ +
@@ -738,8 +737,8 @@

Column filters

diff --git a/docs/demos/21-svg/index.html b/docs/demos/21-svg/index.html index e59a23dc..0c217dbc 100644 --- a/docs/demos/21-svg/index.html +++ b/docs/demos/21-svg/index.html @@ -3,106 +3,114 @@ - - SVGs + + SVGs - simple-datatables + + -
+
+

+ simple-datatables +

+ Documentation + Demos +
- + new DataTable("#demo-table", { + data: generateTable(["Name", "Type"]), + searchable: true, + sortable: true, + perPage: 15, + perPageSelect: [5, 10, 15, 20, 25, 50, 100, 250, 500, 1000] + }) + diff --git a/docs/demos/22-and-search/index.html b/docs/demos/22-and-search/index.html index 4cd77456..61423bfd 100644 --- a/docs/demos/22-and-search/index.html +++ b/docs/demos/22-and-search/index.html @@ -3,31 +3,39 @@ - - And search - + + And search - simple-datatables - - -

And search

-
Name
+
+

+ simple-datatables +

+ Documentation + Demos +
+ +

And search

+

+ Try to search for "blossom 2014" in the two boxes. + The OR-search will give you results that contain "2014" OR "Blossom", + while the AND-search will only return results including both "2014" and "Blossom". +

+
+

+ The search item separator for the extension column is ";" so that searching for "3147;5018" will return + no results, but searching for "3147" or "5018" will return the row that contains that value. +

+
+ +
- + @@ -740,7 +748,7 @@

And search

-

- Try to search for "blossom 2014" in the two boxes. - The OR-search will give you results that contain "2014" OR "Blossom", - while the AND-search will only return results including both "2014" and "Blossom". -

-

- The search item separator for the extensuion column is ";" so that searching for "3147;5018" will return - no results, but searching for "3147" or "5018" will return the row that contaisn that value. -

diff --git a/docs/demos/23-column-filter-button/index.html b/docs/demos/23-column-filter-button/index.html index 98a0b132..ac58b1b7 100644 --- a/docs/demos/23-column-filter-button/index.html +++ b/docs/demos/23-column-filter-button/index.html @@ -3,125 +3,132 @@ - - Column Filter Button + + Column filter button - simple-datatables + + -
+
+

+ simple-datatables +

+ Documentation + Demos +
- + ) + diff --git a/docs/demos/24-footer/index.html b/docs/demos/24-footer/index.html index 2f31734c..e3861fa9 100644 --- a/docs/demos/24-footer/index.html +++ b/docs/demos/24-footer/index.html @@ -3,18 +3,25 @@ - - Custom Footer - + + Custom footer - simple-datatables - -

Custom Footer

-
- Name - Name Ext. City Start Date
+
+

+ simple-datatables +

+ Documentation + Demos +
+ +

Custom footer

+ + @@ -114,7 +121,7 @@

Custom Footer

- diff --git a/docs/demos/4-render-column-cell/index.html b/docs/demos/4-render-column-cell/index.html index fa63bbe5..d915fd91 100644 --- a/docs/demos/4-render-column-cell/index.html +++ b/docs/demos/4-render-column-cell/index.html @@ -3,90 +3,91 @@ - - Render Column Cells + + Custom cell renderer - simple-datatables -

Render Column Cells

+
+

+ simple-datatables +

+ Documentation + Demos +
+ +

Custom cell renderer

+
Athlete
- + - diff --git a/docs/demos/5-column-manipulation/index.html b/docs/demos/5-column-manipulation/index.html index f2c54e15..92b99ae7 100644 --- a/docs/demos/5-column-manipulation/index.html +++ b/docs/demos/5-column-manipulation/index.html @@ -3,29 +3,38 @@ - - Column Manipulation + + Column manipulation - simple-datatables -

Column Manipulation

-
- +
+

+ simple-datatables +

+ Documentation + Demos +
+ +

Column manipulation

+ +
+ - diff --git a/docs/demos/7-init-destroy-import-export/index.html b/docs/demos/7-init-destroy-import-export/index.html index 858f6048..b900b6ee 100644 --- a/docs/demos/7-init-destroy-import-export/index.html +++ b/docs/demos/7-init-destroy-import-export/index.html @@ -3,163 +3,168 @@ - - Init/ Destroy - Import/ Export + + Init/destroy and import/export - simple-datatables -

Init/ Destroy - Import/ Export

-
-
-
-
-
-
- - -
-
-
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SelectCustomerVersionPlanned upgradeDB-InfoWebsite info
- Test one
CCode: 33123 -
7.1.526.11.2018 - Server: s1
DB: db1 -
- Websitename: Red
Node: 10 -
- Test two
CCode: 12353 -
7.1.5.226.11.2019 - Server: s1
DB: db2 -
- Websitename: Green
Node: 6 -
- Test three
CCode: 33522 -
7.1.601.01.2020 - Server: s2
DB: db1 -
- Websitename: Orange
Node: 5 -
- Test four
CCode: 25512 -
7.1.726.03.2021 - Server: s1
DB: db3 -
- Websitename: Blue
Node: 10 -
-
-
+
+

+ simple-datatables +

+ Documentation + Demos +
+ +

Init/destroy and import/export

+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SelectCustomerVersionPlanned upgradeDB-InfoWebsite info
+ Test one
CCode: 33123 +
7.1.526.11.2018 + Server: s1
DB: db1 +
+ Websitename: Red
Node: 10 +
+ Test two
CCode: 12353 +
7.1.5.226.11.2019 + Server: s1
DB: db2 +
+ Websitename: Green
Node: 6 +
+ Test three
CCode: 33522 +
7.1.601.01.2020 + Server: s2
DB: db1 +
+ Websitename: Orange
Node: 5 +
+ Test four
CCode: 25512 +
7.1.726.03.2021 + Server: s1
DB: db3 +
+ Websitename: Blue
Node: 10 +
+ +
+ Column Visibility +
+ +
+ + Import / Export Data +
+
+
-
-
-
-
-
-
Column Visibility
-
-
-
-
-
+
+ + + + +
-
-
-
-
Import / Export Data
-
-
- -
-
- - - - - -
-
- - NOTE: The csv column delimiters and line delimiters are set to "," - and "\n" respectively. - -
-
-
-
+
+ + Note: The csv column delimiters and line delimiters are set to "," + and "\n" respectively. +
+ - -