jQuery Basic Table Plugin Demos
Basic Implementation
| Name |
Age |
Gender |
Height |
Province |
Sport |
| Jill Smith |
25 |
Female |
5'4 |
British Columbia |
Volleyball |
| John Stone |
30 |
Male |
5'9 |
Ontario |
Badminton |
| Jane Strip |
29 |
Female |
5'6 |
Manitoba |
Hockey |
| Gary Mountain |
21 |
Mail |
5'8 |
Alberta |
Curling |
| James Camera |
31 |
Male |
6'1 |
British Columbia |
Hiking |
Modifying Breakpoint
Manually set the breakpoint per table. Setting the breakpoint to 768px so responsive styles will be applied on a typically tablet, portrait mode.
| Name |
Age |
Gender |
Height |
Province |
Sport |
| Jill Smith |
25 |
Female |
5'4 |
British Columbia |
Volleyball |
| John Stone |
30 |
Male |
5'9 |
Ontario |
Badminton |
| Jane Strip |
29 |
Female |
5'6 |
Manitoba |
Hockey |
| Gary Mountain |
21 |
Mail |
5'8 |
Alberta |
Curling |
| James Camera |
31 |
Male |
6'1 |
British Columbia |
Hiking |
Force Responsive Off
| Name |
Age |
Gender |
Height |
Province |
Sport |
| Jill Smith |
25 |
Female |
5'4 |
British Columbia |
Volleyball |
| John Stone |
30 |
Male |
5'9 |
Ontario |
Badminton |
| Jane Strip |
29 |
Female |
5'6 |
Manitoba |
Hockey |
| Gary Mountain |
21 |
Mail |
5'8 |
Alberta |
Curling |
| James Camera |
31 |
Male |
6'1 |
British Columbia |
Hiking |
Max Height
| Name |
Age |
Gender |
Height |
Province |
Sport |
| Jill Smith |
25 |
Female |
5'4 |
British Columbia |
Volleyball |
| John Stone |
30 |
Male |
5'9 |
Ontario |
Badminton |
| Jane Strip |
29 |
Female |
5'6 |
Manitoba |
Hockey |
| Gary Mountain |
21 |
Mail |
5'8 |
Alberta |
Curling |
| James Camera |
31 |
Male |
6'1 |
British Columbia |
Hiking |
CSS Controls
Use Media Query Over JS Resize
| Name |
Age |
Gender |
Height |
Province |
Sport |
| Jill Smith |
25 |
Female |
5'4 |
British Columbia |
Volleyball |
| John Stone |
30 |
Male |
5'9 |
Ontario |
Badminton |
| Jane Strip |
29 |
Female |
5'6 |
Manitoba |
Hockey |
| Gary Mountain |
21 |
Mail |
5'8 |
Alberta |
Curling |
| James Camera |
31 |
Male |
6'1 |
British Columbia |
Hiking |
Two Axis Styling
| Name |
Age |
Gender |
Height |
Province |
Sport |
| Jill Smith |
25 |
Female |
5'4 |
British Columbia |
Volleyball |
| John Stone |
30 |
Male |
5'9 |
Ontario |
Badminton |
| Jane Strip |
29 |
Female |
5'6 |
Manitoba |
Hockey |
| Gary Mountain |
21 |
Mail |
5'8 |
Alberta |
Curling |
| James Camera |
31 |
Male |
6'1 |
British Columbia |
Hiking |
Author: Jerry Low (@jerrylowm)