https://github.com/wankdanker/jquery-scrollify

Make HTML tables scrollable across browsers with jQuery
https://github.com/wankdanker/jquery-scrollify

Last synced: 2 months ago
JSON representation

Make HTML tables scrollable across browsers with jQuery

• Host: GitHub
• URL: https://github.com/wankdanker/jquery-scrollify
• Owner: wankdanker
• Created: 2015-08-10T20:22:48.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-08-10T20:40:42.000Z (over 9 years ago)
• Last Synced: 2024-04-24T12:06:02.649Z (9 months ago)
• Language: JavaScript
• Size: 97.7 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
scrollify

---------

Some years back most browsers had support for scrolling the tbody element.

All you had to do was set a max-height or height and overflow:auto and boom

you had a scrolling table with a fixed header (and footer). Everything was

beautiful.

Then in some recent years this capability has disappeared from browsers unless

you manually specify each column width in addition to changing the display type

of the tbody. I don't like manually specifying the width of each column of a table.

I like it to flow naturally based on the contents of the cells. I feel like that

is the whole point.

`scrollify` attempts to "solve" this problem by providing a simple to use jQuery

plugin that will read the widths of the columns as a table would flow normally

and then set those same width manually, then apply the proper magic to make it 

scrollable.

example

-------

```html

  

    

      name

      age

      fav food

    

  

  

    Steve23pizza

    Samantha28pizza

    Darlene32pizza

    David56pizza

    Donald24pizza

    Terry43pizza

  

$('.scrollifyable').scrollify({ maxHeight : '30px' });

```

license

-------

MIT