3. Box
The most dependable of all styles, the box style works for all kinds of tables. Pick a good color scheme and then distribute background-color to all the cells. Don’t forget to accentuate the differences of each cell by defining border as a separator. An example of a box style table is the following table:
| Employee |
Salary |
Bonus |
Supervisor |
| Stephen C. Cox |
$300 |
$50 |
Bob |
| Josephin Tan |
$150 |
- |
Annie |
| Joyce Ming |
$200 |
$35 |
Andy |
| James A. Pentel |
$175 |
$25 |
Annie |
| Comedy |
Adventure |
Action |
Children |
| Scary Movie |
Indiana Jones |
The Punisher |
Wall-E |
| Epic Movie |
Star Wars |
Bad Boys |
Madagascar |
| Spartan |
LOTR |
Die Hard |
Finding Nemo |
| Dr. Dolittle |
The Mummy |
300 |
A Bug’s Life |
| Comedy |
Adventure |
Action |
Children |
| Scary Movie |
Indiana Jones |
The Punisher |
Wall-E |
| Epic Movie |
Star Wars |
Bad Boys |
Madagascar |
| Spartan |
LOTR |
Die Hard |
Finding Nemo |
| Dr. Dolittle |
The Mummy |
300 |
A Bug’s Life |
| Company |
Q1 |
Q2 |
Q3 |
Q4 |
| Microsoft |
20.3 |
30.5 |
23.5 |
40.3 |
| Google |
50.2 |
40.63 |
45.23 |
39.3 |
| Apple |
25.4 |
30.2 |
33.3 |
36.7 |
| IBM |
20.4 |
15.6 |
22.3 |
29.3 |
| Company |
Q1 |
Q2 |
Q3 |
Q4 |
| Microsoft |
20.3 |
30.5 |
23.5 |
40.3 |
| Google |
50.2 |
40.63 |
45.23 |
39.3 |
| Apple |
25.4 |
30.2 |
33.3 |
36.7 |
| IBM |
20.4 |
15.6 |
22.3 |
29.3 |
| Company |
Q1 |
Q2 |
Q3 |
Q4 |
| Microsoft |
20.3 |
30.5 |
23.5 |
40.3 |
| Google |
50.2 |
40.63 |
45.23 |
39.3 |
| Apple |
25.4 |
30.2 |
33.3 |
36.7 |
| IBM |
20.4 |
15.6 |
22.3 |
29.3 |
| Employee |
Division |
Suggestions |
| IE 6 users won’t see the transparent background if the hack is not applied |
| Stephen C. Cox |
Marketing |
Make discount offers |
| Josephin Tan |
Advertising |
Give bonuses |
| Joyce Ming |
Marketing |
New designs |
| James A. Pentel |
Marketing |
Better Packaging |
| Employee |
Division |
Suggestions |
Rating |
| Give background color to the table cells to achieve seamless transition |
| Stephen C. Cox |
Marketing |
Make discount offers |
3/10 |
| Josephin Tan |
Advertising |
Give bonuses |
5/10 |
| Joyce Ming |
Marketing |
New designs |
8/10 |
| James A. Pentel |
Marketing |
Better Packaging |
8/10 |
| Employee |
Salary |
Bonus |
Supervisor |
| Stephen C. Cox |
$300 |
$50 |
Bob |
| Josephin Tan |
$150 |
- |
Annie |
| Joyce Ming |
$200 |
$35 |
Andy |
| James A. Pentel |
$175 |
$25 |
Annie |
| Nation |
Capital |
Language |
Unique |
| Japan |
Tokyo |
Japanese |
Karate |
| South Korea |
Seoul |
Korean |
Ginseng |
| China |
Beijing |
Mandarin |
Kung-Fu |
| Indonesia |
Jakarta |
Indonesian |
Batik |