Did you know? #1 - TW is Table Row Styling Ready?

21 views
Skip to first unread message

TiddlyTweeter

unread,
Nov 29, 2019, 4:14:17 PM11/29/19
to TiddlyWiki
Did you know that tables generated in WikiText automatically have classes for row styling ...

I added colours so you can see them work  ...

Screenshot_2019-11-29 twUI — testing look feel.png

The code for that ...

<div class="test-colours">

|test header|h
|test row 2|
|test row 3|
|test row 4|
|test row 5|
|test footer|f
</div>

<style>
/* "oddRow" & "evenRow" here mean their opposite. */

/* yellowish row (odd) */ 
div.test-colours table .evenRow {background: hsl(60, 100%, 60%);}

/* bluish row (even) */ 
div.test-colours table .oddRow  {background: hsl(182, 100%, 89%);} /* bluish */

div.test-colours table {margin-left: 3rem;}
</style>

Best wishes
TT
Reply all
Reply to author
Forward
0 new messages