基本实现
基本实现使用默认参数设置。表格的响应式效果发生在宽度小于等于568像素的时候。
| 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 |
修改Breakpoint
你可以手动修改每个表格的breakpoint。下面的例子将表格的breakpoint设置为768像素，以适应典型的平板电脑和portrait模式。
| 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 |
最大高度
| 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 |