SpaceFrog's TableRows JQuery Plugin
Ce plugin est destiné à l'embellissement des tableaux afin d'améliorer leur lisibilité
Ci-dessous un ensemble de tableaux bruts.
Cliquez sur le bouton pour voir le plugin en action
contenu | $("#foo").ColorTableRows(); | contenu |
contenu | Style et effets par défaut sur id | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | $("#bar").ColorTableRows({firstWidth:'5%',firstLine:'#FF0000',evenColor:'#AD55FF', oddColor:'pink' ,enableSelect:false, hoverColor:'lime', borderColor:'black'}); | contenu | contenu | contenu | contenu |
contenu | Style et effets personalisés sur id | contenu | contenu | contenu | contenu |
contenu | contenu | contenu | contenu | contenu | contenu |
contenu | contenu | contenu | contenu | contenu | contenu |
contenu | contenu | contenu | contenu | contenu | contenu |
contenu | contenu | contenu | contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | $("#toc").ColorTableRows({firstWidth:'auto' ,lineHead:false,evenColor:'dimgrey',oddColor:'grey', selectedColor:'#FF0000',tableCss:{color:'white', 'font-family':'verdana', 'font-size':'12px','line-height':'20px'},lineHeadBold:true}); | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | Style et effet personnalisés sur class | contenu |
contenu | $(".tic").ColorTableRows({evenColor:'#CFFBFF',oddColor:'#CFE9FF',firstCol:'#247ECB',firstLine:"#247ECB",borderWidth:0,firstColBold:true,tableCss:{'font-family':'verdana'}});contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | Style et effet personnalisés sur class | contenu |
contenu | $(".tic").ColorTableRows({evenColor:'#CFFBFF',oddColor:'#CFE9FF',firstCol:'#247ECB',firstLine:"#247ECB",borderWidth:0,firstColBold:true,tableCss:{'font-family':'verdana'}}); | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | Style et effet par defaut sur id sans hover mais avec select | contenu |
contenu | contenu | |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |
contenu | contenu | contenu |