jQuery StyleTable Plugin

The StyleTable is free/open source jQuery plugin that can be used to style the tables.

jQuery StyleTable plugin

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




返回 站长图库

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

代码整理:站长图库