Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Modified Links and Updated ReadMe #106

Closed
wants to merge 3 commits into from
Closed

Modified Links and Updated ReadMe #106

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
16a9b47
Modified Links and Updated ReadMe
Cioraz May 21, 2023
36f97c9
Added min links and updated html5.html with link
Cioraz May 21, 2023
9fda940
Updated jsdelivr links without @1 or @latest
Cioraz May 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,18 +32,18 @@ Examples on using table-sort-js with frontend frameworks such as [React.js](http
- <b>Option 2</b>: Load as script from a Content Delivery Network (CDN):

```javascript
<script src="https://cdn.jsdelivr.net/npm/table-sort-js@latest/table-sort.js"></script>
<script src="https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.js"></script>
```

Or Minified (smaller size, but harder to debug!):

```javascript
<script src="https://cdn.jsdelivr.net/npm/table-sort-js@latest/table-sort.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.min.js"></script>
```

Refer to the documenation for examples on how to use table-sort-js with [HTML](https://leewannacott.github.io/table-sort-js/docs/html5.html)

- <b>Option 3:</b> Download [table-sort.js](https://cdn.jsdelivr.net/npm/table-sort-js@latest/table-sort.js) (Select save as.), or download a [minified version](https://cdn.jsdelivr.net/npm/table-sort-js@latest/table-sort.min.js) (~5kB)
- <b>Option 3:</b> Download [table-sort.js](https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.js) (Select save as.), or download a [minified version](https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.min.js) (~5kB)

Then rename and add the following script before your HTML table:

Expand Down
136 changes: 59 additions & 77 deletions public/docs/html5.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,80 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>table-sort-js : HTML Example.</title>
<link rel="stylesheet" href="index.css" />
<script src="https://kit.fontawesome.com/b99e675b6e.js"></script>
<link href="assets/solarized-dark.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script src="assets/rainbow.js"></script>
<div class="wrapper">
<div class="sidebar">
<h2>table-sort-js</h2>
<ul style="font-size: 1em">
<li>
<a href="about.html"><i class="far fa-clipboard fa-fw"></i>About</a>
</li>
<li>
<a href="demo.html"><i class="fas fa-table fa-fw"></i>Demo</a>
</li>
<li>
<a href="classes.html"
><i class="fas fa-chalkboard-teacher"></i>Classes</a
>
</li>
<li>
<a href="html5.html"
><i class="fab fa-html5 fa-fw"></i>HTML Example</a
>
</li>
<li>
<a href="react.html"
><i class="fab fa-react fa-fw"></i>ReactJS Example</a
>
</li>
<li>
<a href="angular.html"
><i class="fab fa-angular fa-fw"></i>Angular Example</a
>
</li>
<li>
<a href="vue.html"
><i class="fab fa-vuejs fa-fw"></i>VueJS Example</a
>
</li>
<li>
<a href="development.html"
><i class="fas fa-file-code fa-fw"></i>Development</a
>
</li>
</ul>
<div class="social_media">
<a
href="https://github.com/LeeWannacott/table-sort-js"
target="_blank"
><i class="fab fa-github"></i
></a>
<a href="https://www.npmjs.com/package/table-sort-js" target="_blank"
><i class="fab fa-npm"></i
></a>
</div>

<head>
<meta charset="UTF-8" />
<title>table-sort-js : HTML Example.</title>
<link rel="stylesheet" href="index.css" />
<script src="https://kit.fontawesome.com/b99e675b6e.js"></script>
<link href="assets/solarized-dark.css" rel="stylesheet" type="text/css" />
</head>

<body>
<script src="assets/rainbow.js"></script>
<div class="wrapper">
<div class="sidebar">
<h2>table-sort-js</h2>
<ul style="font-size: 1em">
<li>
<a href="about.html"><i class="far fa-clipboard fa-fw"></i>About</a>
</li>
<li>
<a href="demo.html"><i class="fas fa-table fa-fw"></i>Demo</a>
</li>
<li>
<a href="classes.html"><i class="fas fa-chalkboard-teacher"></i>Classes</a>
</li>
<li>
<a href="html5.html"><i class="fab fa-html5 fa-fw"></i>HTML Example</a>
</li>
<li>
<a href="react.html"><i class="fab fa-react fa-fw"></i>ReactJS Example</a>
</li>
<li>
<a href="angular.html"><i class="fab fa-angular fa-fw"></i>Angular Example</a>
</li>
<li>
<a href="vue.html"><i class="fab fa-vuejs fa-fw"></i>VueJS Example</a>
</li>
<li>
<a href="development.html"><i class="fas fa-file-code fa-fw"></i>Development</a>
</li>
</ul>
<div class="social_media">
<a href="https://github.com/LeeWannacott/table-sort-js" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.npmjs.com/package/table-sort-js" target="_blank"><i class="fab fa-npm"></i></a>
</div>
<div class="main_content">
<div class="header">
Example of how to use table-sort-js with basic HTML.
</div>
<div class="info">
Download:
<a
href="https://cdn.jsdelivr.net/npm/table-sort-js@latest/table-sort.js"
target="_blank"
>table-sort.js
</a>
(Select option save as.)
</div>
<pre><code style="font-size:1.3em" data-language="html">
</div>
<div class="main_content">
<div class="header">
Example of how to use table-sort-js with basic HTML.
</div>
<div class="info">
Download:
<a href="https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.js" target="_blank">table-sort.js
</a>
(Select option save as.)
</div>
<pre><code style="font-size:1.3em" data-language="html">
&lt;script src="table-sort.js"&gt;&lt;/script&gt;
&lt;table class="table-sort"&gt;
&lt;thead&gt;
Expand Down Expand Up @@ -104,7 +85,8 @@ <h2>table-sort-js</h2>
&lt;/table&gt;
</code>
</pre>
</div>
</div>
</body>
</html>
</div>
</body>

</html>