johnpolacek.github.io - johnpolacek.github.io/stacktable.js









Search Preview

stacktable.js

johnpolacek.github.io
The responsive tables jQuery plugin for stacking tables on small screens
.io > johnpolacek.github.io

SEO audit: Content analysis

Language Error! No language localisation is found.
Title stacktable.js
Text / HTML ratio 49 %
Frame Excellent! The website does not use iFrame solutions.
Flash Excellent! The website does not have any flash contents.
Keywords cloud table Thing work Stuff Day rest tables format beach Edit original row Amount Type Number Paul Spaceship Points Subgroup Header
Keywords consistency
Keyword Content Title Description Headings
table 10
Thing 6
work 6
Stuff 4
Day 4
rest 3
Headings
H1 H2 H3 H4 H5 H6
1 7 1 0 0 0
Images We found 4 images on this web page.

SEO Keywords (Single)

Keyword Occurrence Density
table 10 0.50 %
Thing 6 0.30 %
work 6 0.30 %
Stuff 4 0.20 %
Day 4 0.20 %
rest 3 0.15 %
tables 3 0.15 %
format 3 0.15 %
beach 3 0.15 %
Edit 3 0.15 %
original 3 0.15 %
row 3 0.15 %
Amount 2 0.10 %
Type 2 0.10 %
Number 2 0.10 %
Paul 2 0.10 %
Spaceship 2 0.10 %
Points 2 0.10 %
Subgroup 2 0.10 %
Header 2 0.10 %

SEO Keywords (Two Word)

Keyword Occurrence Density
of the 6 0.30 %
the original 3 0.15 %
original table 3 0.15 %
the table 3 0.15 %
180 Spaceship 2 0.10 %
3375 12312 2 0.10 %
2750 34523 2 0.10 %
Else 2750 2 0.10 %
Something Else 2 0.10 %
Paul Something 2 0.10 %
Potato Paul 2 0.10 %
4000 Potato 2 0.10 %
1125 4000 2 0.10 %
12312 1125 2 0.10 %
Type Name 2 0.10 %
Something 3375 2 0.10 %
Name Something 2 0.10 %
5 180 2 0.10 %
Number Type 2 0.10 %
Points Number 2 0.10 %

SEO Keywords (Three Word)

Keyword Occurrence Density Possible Spam
the original table 3 0.15 % No
of the original 3 0.15 % No
Skippy Subgroup Header 2 0.10 % No
Something 3375 12312 2 0.10 % No
34523 5 180 2 0.10 % No
2750 34523 5 2 0.10 % No
Something Else 2750 2 0.10 % No
Paul Something Else 2 0.10 % No
Potato Paul Something 2 0.10 % No
4000 Potato Paul 2 0.10 % No
1125 4000 Potato 2 0.10 % No
12312 1125 4000 2 0.10 % No
3375 12312 1125 2 0.10 % No
a copy of 2 0.10 % No
creates a copy 2 0.10 % No
180 Spaceship Skippy 2 0.10 % No
copy of the 2 0.10 % No
of the table 2 0.10 % No
Name Something 3375 2 0.10 % No
Type Name Something 2 0.10 % No

SEO Keywords (Four Word)

Keyword Occurrence Density Possible Spam
of the original table 3 0.15 % No
Skippy Subgroup Header Another 2 0.10 % No
Something 3375 12312 1125 2 0.10 % No
2750 34523 5 180 2 0.10 % No
Else 2750 34523 5 2 0.10 % No
Something Else 2750 34523 2 0.10 % No
Paul Something Else 2750 2 0.10 % No
4000 Potato Paul Something 2 0.10 % No
1125 4000 Potato Paul 2 0.10 % No
12312 1125 4000 Potato 2 0.10 % No
3375 12312 1125 4000 2 0.10 % No
Type Name Something 3375 2 0.10 % No
Name Something 3375 12312 2 0.10 % No
5 180 Spaceship Skippy 2 0.10 % No
Number Type Name Something 2 0.10 % No
Points Number Type Name 2 0.10 % No
Amount Points Number Type 2 0.10 % No
creates a copy of 2 0.10 % No
a copy of the 2 0.10 % No
copy of the table 2 0.10 % No

Internal links in - johnpolacek.github.io

johnpolacek.github.io/styled-starter
Styled Starter | Starter Kit with React, Next.js and Styled Components
johnpolacek.github.io/tweendeck
TweenDeck
johnpolacek.github.io/design-system-playground
Design System Playground
johnpolacek.github.io/expressive-css
Expressive CSS
johnpolacek.github.io/simple-grid
Simple Grid
johnpolacek.github.io/Responsivator
Responsivator
johnpolacek.github.io/superscrollorama
SUPERSCROLLORAMA
johnpolacek.github.io/stacktable.js
stacktable.js
Scrolldeck plugin
scrolldeck.js
johnpolacek.github.io/scrolldeck.js/decks/responsive/
What The Heck Is Responsive Web Design?

Johnpolacek.github.io Spined HTML


stacktable.js stacktable.js jQuery plugin for stacking tables on small screens Made in Chicago by John Polacek The purpose of stacktable.js is to requite you an easy way of converting wide tables to a format that will work largest on small screens. It creates a reprinting of the table that is converted into a 2-column key/value format. Download Source files on github or download the zip. How to UseUndeniabilitythe plugin on a table. Simple Example run » $('#simple-example-table').stacktable(); Stuff Rate Amount Points Number Type Name Something 3.375% $123.12 1.125 4,000 Potato Paul Something Else 2.750% $345.23 5 180 Spaceship Skippy Subgroup Header Another Thing 3.375% $563.12 222 60 Gym Shoe George Thing w/Less Stuff Harmonica Helga Last Thing 4 Meaning of Life Responsive Use media queries to toggle the visibility of the original table and the stacktable (check out the stacktable.css example). You can pass in classes or an id to requite to the stacktable. Adjust the size of your browser window to see it in whoopee in the example below. $('#responsive-example-table').stacktable({myClass:'your-class-name'}); Stuff Rate Amount Points Number Type Name Something 3.375% $123.12 1.125 4,000 Potato Paul Something Else 2.750% $345.23 5 180 Spaceship Skippy Subgroup Header Another Thing 3.375% $563.12 222 60 Gym Shoe George Thing w/Less Stuff Harmonica Helga Last Thing 4 Meaning of Life Options myClass: Space separated classes to add to the table. headIndex: Use this to specify the row alphabetize of the header, in specimen it isn’t the first.VellumTableVellumtable works similarly to stack table except it breaks each row into its own table. The row tables function like cards. Any content left in tfoot is moreover wrenched into its own card, this allows for things like view all links or pagination to be hands used. Name Phone Info Actions Test 555-555-5555 I am a test Edit Greg 555-555-5555 This is an example Edit John 444-444-4444 Tables are tomfool Edit View all StackColumns An volitional responsive diamond creates a reprinting of the table into a 2 post key/value format that preserves the columns of the original table. We undeniability it stackcolumns to unrelatedness with the default stacktables that preserves the lines of the original table. Time Day 1 Day 2 Day 3 Day 4 8 AM breakfast ------ 10 AM work work breakfast 12AM lunch run 1 PM work work waterfront lunch 4 PM work waterfront waterfront velocipede night rest rest party rest