Fixed-Height grid rows

A list of fixed-height cell (row) classes. One row = 20px


PHP/HTML Source:
<!DOCTYPE html>

<html>

    <head>
        <title>Cell Row Height Test Page</title>
        <link href="raxan/ui/css/master.css" rel="stylesheet" type="text/css" />
        <!--[if lt IE 8]><link rel="stylesheet" href="raxan/ui/css/master.ie.css" type="text/css"><![endif]-->
        <link href="raxan/ui/css/default/theme.css" rel="stylesheet" type="text/css" />
        <style>
            .eee, .ddd, .ccc { color:#777; }
            .eee { background:#eee;  }
            .ddd { background:#ddd;  }
            .ccc { background:#ccc;  }
            .grid-mask { background: url(views/images/grid.png) }
        </style>
    </head>

    <body>


        <div class="container c80 tpm prepend1" >
            <div class="grid-mask">
                <div class="column eee r1">&nbsp;r1</div>
                <div class="column eee r2">&nbsp;r2</div>
                <div class="column eee r3">&nbsp;r3</div>

                <div class="column eee r4">&nbsp;r4</div>
                <div class="column ddd r5">&nbsp;r5</div>
                <div class="column ccc r6">&nbsp;r6</div>
                <div class="column eee r7">&nbsp;r7</div>
                <div class="column ccc r8">&nbsp;r8</div>
                <div class="column ccc r9">&nbsp;r9</div>
                <div class="column ddd r10">&nbsp;r10</div>
                <div class="column eee r11">&nbsp;r11</div>
                <div class="column ccc r12">&nbsp;r12</div>

                <div class="column eee r13">&nbsp;r13</div>
                <div class="column eee r14">&nbsp;r14</div>
                <div class="column eee r15">&nbsp;r15</div>
                <div class="column ddd r16">&nbsp;r16</div>
                <div class="column ccc r17">&nbsp;r17</div>
                <div class="column ccc r18">&nbsp;r18</div>
                <div class="column ccc r19">&nbsp;r19</div>
                <div class="column ddd r20">&nbsp;r20</div>
                <div class="column eee r21">&nbsp;r21</div>

                <div class="column ccc r22">&nbsp;r22</div>
                <div class="column ddd r23">&nbsp;r23</div>
                <div class="column ddd r24">&nbsp;r24</div>
                <div class="column eee r25">&nbsp;r25</div>
                <div class="column eee r26">&nbsp;r26</div>
                <div class="column eee r27">&nbsp;r27</div>
                <div class="column eee r28">&nbsp;r28</div>
                <div class="column ddd r29">&nbsp;r29</div>
                <div class="column ccc r30">&nbsp;r30</div>

                <div class="column ddd r31">&nbsp;r31</div>
                <div class="column ccc r32">&nbsp;r32</div>
                <div class="column ccc r33">&nbsp;r33</div>
                <div class="column ccc r34">&nbsp;r34</div>
                <div class="column ddd r35">&nbsp;r35</div>
                <div class="column eee r36">&nbsp;r36</div>
                <div class="column ddd r37">&nbsp;r37</div>
                <div class="column ddd r38">&nbsp;r38</div>
                <div class="column eee r39">&nbsp;r39</div>

                <div class="column ccc r40">&nbsp;r40</div>
                <div class="column ccc r41">&nbsp;r41</div>
                <div class="column eee r42">&nbsp;r42</div>
                <div class="column ccc r43">&nbsp;r43</div>
                <div class="column ccc r44">&nbsp;r44</div>
                <div class="column eee r45">&nbsp;r45</div>
                <div class="column ddd r46">&nbsp;r46</div>
                <div class="column ccc r47">&nbsp;r47</div>
                <div class="column ccc r48">&nbsp;r48</div>

                <div class="column ddd r49">&nbsp;r49</div>
                <div class="column ddd r50">&nbsp;r50</div>

                <hr />

            </div>

        </div>

    </body>

</html>

Plugin Source:

HTML/JavaScript Source:

Data Source: