MISSING TDs

cleytonjordan · July 27th, 2005, 06:24 AM

Hi,

I cannot figure out how to use javascript to complete the number of <td> missing on a table. Suppose that the last row on a table has 6 columns (tds) but the previous rows have less columns. Is it possible to dynamically create the missing tds with spaces in the previous rows?? Basically I need to generate the missing tds to align the table.

Also, I need to highlight the smallest value on each row in blue and the highest value on each row in red.

I would appreciate if someone could have a look at the table below and help me with the code.

Cheers

<html>
    <head>
        <title></title>
    </head>
    <body>
        <table ID="Table1">
            <TBODY>
                <TR>
                    <TD>Test</TD>
                </TR>
                <TR>
                    <TD>
                        <table width="100%" id="tblStatistics" cellpadding="0" cellspacing="0" border="1">
                            <tr>
                                <td>Solution</td>
                                <td>Variance Explained</td>
                                <td>Group 1</td>
                                <td>Group 2</td>
                                <td>Group 3</td>
                                <td>Group 4</td>
                                <td>Group 5</td>
                                <td>Group 6</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>6.6535 %</td>
                                <td>12504</td>
                                <td>11779</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>10.1040 %</td>
                                <td>9346</td>
                                <td>8952</td>
                                <td>5985</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>12.4668 %</td>
                                <td>7319</td>
                                <td>6552</td>
                                <td>5643</td>
                                <td>4769</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>14.1525 %</td>
                                <td>6199</td>
                                <td>5536</td>
                                <td>4238</td>
                                <td>4143</td>
                                <td>4167</td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>16.0587 %</td>
                                <td>3503</td>
                                <td>4817</td>
                                <td>4852</td>
                                <td>3737</td>
                                <td>3849</td>
                                <td>3525</td>
                            </tr>
                        </table>
                    </TD>
                </TR>
            </TBODY>
        </table>
    </body>
</html>

Greg Griffiths · July 27th, 2005, 05:21 PM

It looks like you already know how many columns you have, why not simply put a space ( ) into the cells that you don't need and then have your code build it like that ?

cleytonjordan · July 27th, 2005, 06:07 PM

Hi Greg,

I do not know how many columns I will have. This is just a mock up. I have to build the table dynamically and then onload I must run a javascript function to generate more tds as needed and to highlight the values as explained

Cheers

cleytonjordan · July 29th, 2005, 10:12 AM

I tried to find some help online and I saw something that might help. However, the code was incomplete.

maxCells = 0
tbd = tblId.tBodies[0]
for(i=0; i<tbd.rows.length; i++)
{
if(tbd.rows[i].cells.length > maxCells)
maxCells = tbd.rows[i].cells.length
}

Any imput??

Cheers,

Claudio