jQuery StyleTable Plugin
The StyleTable is free/open source jQuery plugin that can be used to style the tables.
How To Use
Using StyleTable plugin is as easy as this line of code:
That will style all tables on the page. Make sure to wrap your code in ready handler like this:
You can also specify the table(s) with specific class or id that you want styled:
Make sure to include the jQuery library first and then StyleTable plugin before applying styles to the tables.
Plugin Options
I have tried to make option names self-explanatory. Here they are:
Since this plugin is free/open source, you can go on to modifying/adding more options to the plugin.
Examples
→ Table not using StyleTable plugin
Subject |
View |
Edit |
Delete |
Accounting |
|
|
|
Animation |
|
|
|
Anthropology |
|
|
|
Archaeology |
|
|
|
Architecture |
|
|
|
Art |
|
|
|
→ Table using StyleTable with default options
Subject |
View |
Edit |
Delete |
Accounting |
|
|
|
Animation |
|
|
|
Anthropology |
|
|
|
Archaeology |
|
|
|
Architecture |
|
|
|
Art |
|
|
|
→ Table using StyleTable with custom options - example 1
Subject |
View |
Edit |
Delete |
Accounting |
|
|
|
Animation |
|
|
|
Anthropology |
|
|
|
Archaeology |
|
|
|
Architecture |
|
|
|
Art |
|
|
|
→ Table using StyleTable with custom options - example 2
Subject |
View |
Edit |
Delete |
Accounting |
|
|
|
Animation |
|
|
|
Anthropology |
|
|
|
Archaeology |
|
|
|
Architecture |
|
|
|
Art |
|
|
|
→ Table using StyleTable with custom options - example 3
Subject |
View |
Edit |
Delete |
Accounting |
|
|
|
Animation |
|
|
|
Anthropology |
|
|
|
Archaeology |
|
|
|
Architecture |
|
|
|
Art |
|
|
|
→ Table using StyleTable with custom options - example 4
Subject |
View |
Edit |
Delete |
Accounting |
|
|
|
Animation |
|
|
|
Anthropology |
|
|
|
Archaeology |
|
|
|
Architecture |
|
|
|
Art |
|
|
|
→ Table using StyleTable with custom options - example 5
Subject |
View |
Edit |
Delete |
Accounting |
|
|
|
Animation |
|
|
|
Anthropology |
|
|
|
Archaeology |
|
|
|
Architecture |
|
|
|
Art |
|
|
|
→ Table using StyleTable with custom options - example 6
Subject |
View |
Edit |
Delete |
Accounting |
|
|
|
Animation |
|
|
|
Anthropology |
|
|
|
Archaeology |
|
|
|
Architecture |
|
|
|
Art |
|
|
|
返回 程序员设计师联盟淘宝店