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_rows.js
Extends the Table Class adding the capability to customize the the table rows
Contains
Class Table
Requires
Summary
| Table | Custom Class to customize tables |
Contains methods that allows you to customize table rows.You can also set the mouseover and click events for the table rows: the table datas will result more accessible.
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
| zebra | sets two alternate colors to the table rows | |
| overClickRows | changes the background-color of the table rows on mouseover and click events | |
| overRows | changes the background-color of the table rows on mouseover event | |
| clickRows | changes the background-color of the table rows on click event |
top method zebra
sets two alternate colors to the table rows
Arguments
| color1 | one of the two color of the zebra | |
| color2 | one of the two color of the zebra | |
| firstLine | optional. if true the first line won't be styled |
Example
var tb = new Table('tb'); tb.zebra('#CCCCCC','#666666'); // also styling the first line tb.zebra('#CCCCCC','#666666', true);
top method overClickRows
changes the background-color of the table rows on mouseover and click events
Arguments
| overcolor | the color that the rows take on mouseover event | |
| clickcolor | the color that the rows take on click event |
Example
tb.overClickRows('blue', 'green');
top method overRows
changes the background-color of the table rows on mouseover event
Arguments
| overcolor | the color that the rows take on mouseover event |
Example
tb.overRows('#0066FF');
top method clickRows
changes the background-color of the table rows on click event
Arguments
| clickcolor | the color that the rows take on click event |
Example
tb.clickRows('#0066FF');
Documentation By
Riccardo Degni -
powered by MakeDocs, CMS by RD
The moo.rd documentation is released under the
Creative Commons BY-NC SA License
