Forums / Setup & design / Alternating row colors in OE table

Alternating row colors in OE table

Author Message

Andrew Kelly

Wednesday 18 November 2009 5:59:13 am

Hi everybody,

have any of you run across a way to make tables which are created through the OE change colors in alternating rows? It seems such a common practice visually, but I'm not seeing any obvious solutions.

Any pointers are very much appreciated, thank you.

Andy

Radek Kuchta

Wednesday 18 November 2009 8:55:53 am

Hi Andrew,

You can easly use content.ini.append.php file to define your CSS classes for table row:

[tr]
AvailableClasses[]
AvailableClasses[]=trBlack
AvailableClasses[]=trWhite

and then just use it in OE.

Hope it helps you :)

http://ez.no/certification/verify/272582

Andrew Kelly

Monday 30 November 2009 5:24:27 am

Hi Radek,

thanks for the pointer, much appreciated. Unfortunately, it's not quite what I was after. In fact, the suggestion you've made is how I've been doing things anyway for some time now. It's just that that particular method is not at all productive. For example, a table with dozens or even hundreds of rows is tiresome to build this way, having to select a class for each row. And if later you need to delete or move rows, it's very likely that you have to re-assign classes for dozens and dozens of rows again. Very inefficient.

I was hoping somebody had created an extension to plug into the OE that would automatically assign classes to alternate rows, so no matter how things might be sorted, a light/dark osscilation would always be present.

Andy

eZ debug

Timing: Jan 18 2025 05:00:09
Script start
Timing: Jan 18 2025 05:00:09
Module start 'content'
Timing: Jan 18 2025 05:00:09
Module end 'content'
Timing: Jan 18 2025 05:00:09
Script end

Main resources:

Total runtime0.2521 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0069 587.7344180.8281
Module start 'content' 0.00690.0048 768.562593.9141
Module end 'content' 0.01170.2403 862.4766521.9531
Script end 0.2520  1,384.4297 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00361.4346200.0002
Check MTime0.00140.5377200.0001
Mysql Total
Database connection0.00120.482910.0012
Mysqli_queries0.197078.14361410.0014
Looping result0.00160.63671390.0000
Template Total0.240095.210.2400
Template load0.00080.312110.0008
Template processing0.239294.896210.2392
Override
Cache load0.00050.207010.0005
Sytem overhead
Fetch class attribute can translate value0.00110.455810.0011
XML
Image XML parsing0.00030.112710.0003
General
dbfile0.00692.7415200.0003
String conversion0.00000.002030.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0002 secs