How to loop through array and output in multiple columns?

Question

I need help looping through my data and outputting it into multiple columns. Currently, it displays vertically right under the next set of data in the array. Please help.

      <cfloop array="#UserAddresses#" index="UA">

                <tr>
                    <td>City: </td>
                    <td><cfif NOT Len(#UA.city.xmlText#)>N/A<cfelse><cfoutput>#UA.city.xmlText#</cfoutput></cfif></td>
                </tr>
                <tr>
                    <td>State: </td>
                    <td><cfif NOT Len(#UA.state.xmlText#)>N/A<cfelse><cfoutput>#UA.state.xmlText#</cfoutput></cfif></td>
                </tr>   
                <tr>
                    <td>Zip Code: </td>
                    <td><cfif NOT Len(#UA.zipcode.xmlText#)>N/A<cfelse><cfoutput>#UA.zipcode.xmlText#</cfoutput></cfif></td>
                </tr>                               
            </cfloop>
    </cfif>

Thilo · Accepted Answer · 2012-10-24 08:20:08Z

2

You want the City, State and Zip Code to be headers? Then this would work

<cfoutput>
    <tr>
        <td>City: </td>
        <td>State: </td>
        <td>Zip Code: </td>
    </tr>
    <cfloop array="#UserAddresses#" index="UA">
        <tr>
            <td><cfif NOT Len(UA.city.xmlText)>N/A<cfelse>#UA.city.xmlText#</cfif></td>
            <td><cfif NOT Len(UA.state.xmlText)>N/A<cfelse>#UA.state.xmlText#<</cfif></td>
            <td><cfif NOT Len(UA.zipcode.xmlText)>N/A<cfelse>#UA.zipcode.xmlText#</cfif></td>
        </tr>                               
    </cfloop>
</cfoutput>

It works because <tr></tr> defines a table row and <td></td> defines a cell in that row. In your case, you were doing multiple rows without cells, thus you were getting your content in a column, instead of a row. A side note is that <cfoutput></cfoutput> should be used only once per page and not around every variable.

edited Oct 24, 2012 at 8:20

Thilo

17.8k5 gold badges70 silver badges86 bronze badges

answered Oct 18, 2012 at 20:00

Matt Busche

14.4k5 gold badges39 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to loop through array and output in multiple columns?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related