This repository has been archived by the owner on Nov 21, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
added position sticky disclaimer in readme and added scss version of css
- Loading branch information
Showing
17 changed files
with
93 additions
and
46 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -7,6 +7,12 @@ | |
[](https://www.npmjs.com/package/sticky-table-headers.js) | ||
[](http://bower.io/search/?q=sticky-table-headers.js) | ||
|
||
> **IMPORTANT:** You can now create any element with sticky properties using the new CSS `position: sticky;` feature! While | ||
this library may continue to be a good option for older browsers, you should verify that the new CSS sticky feature | ||
does not meet your needs before using this library. That all said, this library will still continue to be supported | ||
for the forseeable future. | ||
|
||
>For more information about CSS sticky elements, check out [this short CSS-Tricks.com article](https://css-tricks.com/position-sticky-2/). | ||
Sticky table headers done right, with native JS and CSS, no extra libraries needed. This is a super easy-to-use library that can be used without writing a single bit of JavaScript yourself! | ||
|
||
|
@@ -19,17 +25,17 @@ Includes support for AMD, CommonJS, and global inclusion via an HTML script tag. | |
- **NPM:** `$ npm install --save sticky-table-headers.js` | ||
- **Bower:** `$ bower install --save sticky-table-headers.js` | ||
- **CDN - Auto Init (minified):** | ||
- `<script src="//unpkg.com/[email protected].1/dist/sticky-table-headers.auto-init.min.js"></script>` | ||
- `<link type="text/css" src="//unpkg.com/[email protected].1/dist/sticky-table-headers.min.css">` | ||
- `<script src="//unpkg.com/[email protected].2/dist/sticky-table-headers.auto-init.min.js"></script>` | ||
- `<link type="text/css" src="//unpkg.com/[email protected].2/dist/sticky-table-headers.min.css">` | ||
- **CDN - Auto Init (not minified):** | ||
- `<script src="//unpkg.com/[email protected].1/dist/sticky-table-headers.auto-init.js"></script>` | ||
- `<link type="text/css" src="//unpkg.com/[email protected].1/dist/sticky-table-headers.css">` | ||
- `<script src="//unpkg.com/[email protected].2/dist/sticky-table-headers.auto-init.js"></script>` | ||
- `<link type="text/css" src="//unpkg.com/[email protected].2/dist/sticky-table-headers.css">` | ||
- **CDN - Manual Init (minified):** | ||
- `<script src="//unpkg.com/[email protected].1/dist/sticky-table-headers.min.js"></script>` | ||
- `<link type="text/css" src="//unpkg.com/[email protected].1/dist/sticky-table-headers.min.css">` | ||
- `<script src="//unpkg.com/[email protected].2/dist/sticky-table-headers.min.js"></script>` | ||
- `<link type="text/css" src="//unpkg.com/[email protected].2/dist/sticky-table-headers.min.css">` | ||
- **CDN - Manual Init (not minified):** | ||
- `<script src="//unpkg.com/[email protected].1"></script>` | ||
- `<link type="text/css" src="//unpkg.com/[email protected].1/dist/sticky-table-headers.css">` | ||
- `<script src="//unpkg.com/[email protected].2"></script>` | ||
- `<link type="text/css" src="//unpkg.com/[email protected].2/dist/sticky-table-headers.css">` | ||
- [**Download**](https://github.com/bsara/sticky-table-headers.js/releases) | ||
|
||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,6 @@ | ||
/*! | ||
* sticky-table-headers.js (0.2.1) | ||
* sticky-table-headers.js (0.2.2) | ||
* | ||
* Copyright (c) 2016 Brandon Sara (http://bsara.github.io) | ||
* Licensed under the CPOL-1.02 (https://github.com/bsara/stickytableheaders.js/blob/v0.2.1/LICENSE.md) | ||
* Copyright (c) 2017 Brandon Sara (http://bsara.github.io) | ||
* Licensed under the CPOL-1.02 (https://github.com/bsara/stickytableheaders.js/blob/v0.2.2/LICENSE.md) | ||
*/table.sth-sticky,table.sth-sticky *{-webkit-box-sizing:border-box;box-sizing:border-box}table.sth-sticky{position:relative}table.sth-sticky caption.sth-sticky,table.sth-sticky thead.sth-sticky{position:absolute} |
Oops, something went wrong.