CORE
NATIVE
TABLE
MAKE
CUSTOMIZE
EFFECTS
effects_base.js
effects_morph.js
effects_fade.js
effects_move.js
effects_extra.js
effects_toggle.js
effects_cycle.js
effects_cycles.js
VIRTUAL BOX
PLUG-IN
table_cols.js
Extends the Table Class adding the capability to customize the the table columns
Contains
Class Table
Requires
Summary
| Table | Custom Class to customize tables |
Contains methods that allows you to customize table columns.
Note
The strings represent the colors you pass to each Table method MUST BE UPPERCASED.
Extends
Class Table
Constructor
new Table (element)
Properties
| element | the element. Must be a table element |
Methods
| zebraCols | sets two alternate colors to the table columns | |
| overClickCols | changes the background-color of the table columns on mouseover and click events | |
| overCols | changes the background-color of the table columns on mouseover event | |
| clickCols | changes the background-color of the table columns on click event |
top method zebraCols
sets two alternate colors to the table columns
Arguments
| color1 | one of the two color of the zebra | |
| color2 | one of the two color of the zebra | |
| firstLine | if true the first line won't be styled |
Example
// doesn't style the first line tb.zebraCols('#C17878', '#7389AE', true); // styles the first line too tb.zebraCols('#C17878', '#7389AE');
top method overClickCols
changes the background-color of the table columns on mouseover and click events
Arguments
| overcolor | the color that the columns take on mouseover event | |
| clickcolor | the color that the columns take on click event | |
| firstLine | boolean. If true the first line wont'be styled |
Example
tb.overClickCols('blue', 'green', true);
top method overCols
changes the background-color of the table columns on mouseover event
Arguments
| overcolor | the color that the columns take on mouseover event | |
| firstLine | boolean. If true the first line wont'be styled |
Example
tb.overCols('#0066FF', true);
top method clickCols
changes the background-color of the table columns on click event
Arguments
| clickcolor | the color that the columns take on click event | |
| firstLine | boolean. If true the first line wont'be styled |
Example
tb.clickCols('#0066FF', true);
Documentation By
Riccardo Degni -
powered by MakeDocs, CMS by RD
The moo.rd documentation is released under the
Creative Commons BY-NC SA License
