Skip to content

Commit 4172b06

Browse files
committed
Updated Readme
Added explanation of how to use floatingHeader option to make thead floating when scrolling the page up and down.
1 parent deb1fd3 commit 4172b06

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

README.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,9 @@ To keep it simple, OneSimpleTablePaging only has two things for the users to con
2222
* Set the position of the pagination bar (can be either on top or bottom of the table):
2323
* *$('#main-table').oneSimpleTablePagination({topNav: true});*
2424
* The code above will have the pagination bar positioned on top of the table.
25+
* Make the header of the table floating (aka sticky thead):
26+
* *$('#main-table').oneSimpleTablePagination({floatingHeader: true});*
27+
* The code above will have the header of table floating when scrolling page up and down.
2528

2629
By default, rowsPerPage is 10 and topNav is false.
2730

@@ -33,4 +36,6 @@ By default, rowsPerPage is 10 and topNav is false.
3336

3437
The code in this project is based on Ryan Zielke's tablePagination (http://neoalchemy.org/tablePagination.html) which is licensed under the MIT licenses: http://www.opensource.org/licenses/mit-license.php. Button designs are based on Google+ Buttons in CSS design from Pixify (http://pixify.com/blog/use-google-plus-to-improve-your-ui/).
3538

39+
The floating <thead> concept is copied from http://stackoverflow.com/a/4709775/1177328 and http://codepen.io/jgx/pen/wiIGc.
40+
3641
You can read more about this project at my blog: http://cuteprogramming.wordpress.com/2012/04/07/259/

0 commit comments

Comments
 (0)