HTML page - for each record, add a row and populate

HTML page - for each record, add a row and populate

Hi, on my HTML page i've got a table. It's populated with enquiry number, name and address, unhiding a row for each record that exists with my criteria.

I may need to have 50 rows in each of the 4 tables i'm creating, so i'm wondering what the most efficient way to do this is?
I'd rather not have to define 50 hidden styles, 50 if statements and have 50 rows to manage

Here's my current code:
  1. hidden1 = "class=\"hidden\"";
  2. hidden2 = "class=\"hidden\"";
  3. hidden3 = "class=\"hidden\"";
  4. hidden4 = "class=\"hidden\"";

  5. counter = 0;
  6. for each  rec in Form[EnquiryNum != null]
  7. {
  8. counter = counter + 1;
  9. if(counter = 1)
  10. {
  11. row1=rec.EnquiryNum;
  12. hidden1="";
  13. }
  14. if(counter = 2)
  15. {
  16. row2=rec.EnquiryNum;
  17. hidden2="";
  18. }
  19. if(counter = 3)
  20. {
  21. row3=rec.EnquiryNum;
  22. hidden3="";
  23. }
  24. if(counter = 4)
  25. {
  26. row4=rec.EnquiryNum;
  27. hidden4="";
  28. }}