Skip to content

Commit

Permalink
version 2.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
mkoryak committed Feb 21, 2018
1 parent 4302c2f commit 2ade188
Show file tree
Hide file tree
Showing 4 changed files with 29 additions and 17 deletions.
16 changes: 16 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,19 @@
### 2.1.0

- #402 HUGE performance improvement if plugin used on multiple tables on the same page. Over **100x faster** startup time
on a page with 39 tables. Big props to [@ineuwirth](https://github.com/ineuwirth) for finding this one!

On a side note, the last release was exactly one year ago. I didn't do this on purpose :)

new features:
- #404 - Adding a 'floatContainerOverflow' option to govern floatContainer CSS
- #402 - performance improvement with many tables on the same page

bug fixes:
- #391 - Fix printing on firefox
- #399 - Set header size on reflow
- #361 - Works better on iPad Retina

### 2.0.2
- fix issue with horizontal scrollbars + reflow breaking header position #345, #355

Expand Down
21 changes: 9 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
jquery.floatThead 2.0.3
jquery.floatThead 2.1.0
=================
[![woot](http://giant.gfycat.com/AnyGloriousAlpaca.gif "or just click")](http://mkoryak.github.io/floatThead/)

Expand All @@ -8,10 +8,6 @@ Float the table header on scroll. No changes to your HTML/CSS are required, it j
Supports floating the header while scrolling within the window or while scrolling within a container with overflow.
Supports responsive tables.


:heart_eyes_cat:**My cat loves it**:heart_eyes_cat:


### Install

#### Package managers
Expand All @@ -20,7 +16,7 @@ npm install floatthead
bower install floatThead
```
#### Download code
[Latest Release (zip)](https://github.com/mkoryak/floatThead/archive/2.0.3.zip)
[Latest Release (zip)](https://github.com/mkoryak/floatThead/archive/2.1.0.zip)

#### Via CDN
[http://cdnjs.com/libraries/floatthead/](http://cdnjs.com/libraries/floatthead/) .
Expand All @@ -42,8 +38,9 @@ bower install floatThead
- Works on tables within a scrollable container or whole window scrolling
- Works with responsive table wrappers
- Works with dynamically hidden/added/removed columns
- Doesn't clone the thead - so your events stay bound
- Doesn't mess with your styles, and doesnt require any css (see `fixed` vs `absolute` position modes)
- Does not clone the thead - so your events stay bound
- Does what `position:fixed` cannot do (and on browsers that do not support it)
- Does not mess with your styles, and doesnt require any css (see `fixed` vs `absolute` position modes)
- Works with border-collapse variants, weird margins, padding and borders
- Works with libs like [datatables](http://datatables.net), [perfect-scrollbar](http://mkoryak.github.io/floatThead/examples/perfect-scrollbar/), [bootstrap3](http://mkoryak.github.io/floatThead/examples/bootstrap3/), and many more
- Header can be floated with `position:absolute` which adds a wrapper, or `position:fixed` which does not. Both have their pros and cons. By default the best option is chosen based on your configuration
Expand Down Expand Up @@ -82,12 +79,12 @@ Change Log

## Who is using floatThead ?

### [around 75K hits on guthub cod search](https://github.com/search?q=floatThead&ref=reposearch&type=Code&utf8=%E2%9C%93)
### [Around 96K hits on guthub cod search](https://github.com/search?q=floatThead&ref=reposearch&type=Code&utf8=%E2%9C%93)

### google
- internally, I happen to know
### [Google](https://www.youtube.com/watch?v=dQw4w9WgXcQ)
- Internally, I happen to know...

### [samsung](https://github.com/Samsung/iotjscode/blob/3d4de15ea32d27dce5885b2c8c9e3a783c846311/www/scripts/app/main.js#L234)
### [Samsung](https://github.com/Samsung/iotjscode/blob/3d4de15ea32d27dce5885b2c8c9e3a783c846311/www/scripts/app/main.js#L234)
- For the internet of things!

### [compat-table](https://github.com/kangax/compat-table/)
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "floatthead",
"version": "2.0.3",
"version": "2.1.0",
"description": "fixed table header plugin that works",
"main": "dist/jquery.floatThead.js",
"scripts": {
Expand Down
7 changes: 3 additions & 4 deletions src/jquery.floatThead.js
Original file line number Diff line number Diff line change
@@ -1,21 +1,20 @@
/** @preserve jQuery.floatThead 2.0.3 - http://mkoryak.github.io/floatThead/ - Copyright (c) 2012 - 2017 Misha Koryak **/
/** @preserve jQuery.floatThead 2.1.0 - http://mkoryak.github.io/floatThead/ - Copyright (c) 2012 - 2018 Misha Koryak **/
// @license MIT

/* @author Misha Koryak
* @projectDescription lock a table header in place while scrolling - without breaking styles or events bound to the header
* @projectDescription position:fixed on steroids. Lock a table header in place while scrolling.
*
* Dependencies:
* jquery 1.9.0 + [required] OR jquery 1.7.0 + jquery UI core
*
* http://mkoryak.github.io/floatThead/
*
* Tested on FF13+, Chrome 21+, IE8, IE9, IE10, IE11
*
*/
(function( $ ) {
/**
* provides a default config object. You can modify this after including this script if you want to change the init defaults
* @type {Object}
* @type {!Object}
*/
$.floatThead = $.floatThead || {};
$.floatThead.defaults = {
Expand Down

0 comments on commit 2ade188

Please sign in to comment.