Home/ Questions/Q 7417089
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T07:37:51+00:00

I need to create a table from an array recieved with an ajax call.

  • 0

I need to create a table from an array recieved with an ajax call. I am creating a 4 column table and currently using…which works but looks awful and wrong. Is there a cleaner, easier to read way to write this?

$("div#ColorChart").append('<tr class="colorRow"><td class="colorIDCell" style="border:thin solid;width:100px">#'+val[0]+'</td><td class="symbolCell" style="border:thin solid;width:20px;text-align:center"><img src="images/symbols/'+val[2]+'.png" width="22" height="22" alt="#'+val[2]+'"/></td><td class="colorRGBCell" style="border:thin solid;width:20px" bgcolor="#'+val[1]+'">&nbsp;</td><td class="colorNameCell">'+i+'</td></tr>'+"\n");
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Looks good to me, but I suggest you use a separate css file to style your elements.

    And also, when I add html with jquery I do something like this:

    $("div#ColorChart").append(
'<tr class="colorRow">' +
    '<td class="colorIDCell" style="border:thin solid;width:100px">#'+val[0]+'</td>' +
    '<td class="symbolCell" style="border:thin solid;width:20px;text-align:center">' +
        '<img src="images/symbols/'+val[2]+'.png" width="22" height="22" alt="#'+val[2]+'"/>' +
    '</td>' +
    '<td class="colorRGBCell" style="border:thin solid;width:20px" bgcolor="#'+val[1]+'">&nbsp;</td>' +
    '<td class="colorNameCell">'+i+'</td>' +
'</tr>'+"\n");

    Hope I helped!

    • 0