Utility Pro lurves some tables! The following six table styles are “borrowed” from Bootstrap. Check here to see how to use the styles of the following table on your site (or just check the source code markup if you’re adventurous)!
Default Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Table with “table” class
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Condensed Tables
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Bordered Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Striped Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
Row Hover Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |
“All of the Above” Table
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |