Displaying array data in horizontal manner using php and smarty

Question

Suggest me a better way to do it. I would like to show the array result in the horizontal manner.

Column1 | Column 2 | Column 3
3 | 7 | 10

now it shows in vertical manner as follows

Column1 | Column 2 | Column 3
3
7
10

Array Result : Stored in $result variable and assigned in smarty variable

Array
    (
        [0] => Array
            (
                [1] => 3
                [Value] => 3
            )
        [1] => Array
            (
                [1] => 7
                [Value] => 7
            )
        [2] => Array
            (
                [1] => 10
                [Value] => 10
            )
    )

.tpl code

<div>
    <ul>
       <li>Column1</li>
       <li>Column2</li>
       <li>Column3</li>
       <div class="clear"></div>
    </ul>

    {section name="index" loop=$result}
     <ul>                          
        <li>{$result[index].value}</li>
        <div class="clear"></div>
     </ul>
    {/section}
</div>

I think you should use a table structure instead of the ul structure to do this. — OneNerd
– OneNerd, Commented Jun 3, 2009 at 14:40

Christophe Eblé · Accepted Answer · 2009-06-03 12:10:51Z

1

Put the UL out of your loop and make sure that LI's display is set to inline or float left.

<ul>
{section name="index" loop=$result}                     
   <li style="float:left;">{$result[index].value}</li>
{/section}
   <br style="clear:both" />
</ul>

answered Jun 3, 2009 at 12:10

Christophe Eblé

8,1613 gold badges36 silver badges33 bronze badges

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

2 Comments

Webrsk Over a year ago

Thanks Sleepycod. I tried. Yes the li is set to float:left and put the ul outside but same output.

Christophe Eblé Over a year ago

{/section} (here) <-- Move your "<div class="clear"></div>" block here

schnaader · Accepted Answer · 2009-06-03 12:10:50Z

0

Does this work?

<table>
 <tr>
  <th>Column1</th>
  <th>Column2</th>
  <th>Column3</th>
 </tr>

 <tr>
 {section name="index" loop=$result}
   <td>{$result[index].value}</td>
 {/section}  
 </tr>
</table>

answered Jun 3, 2009 at 12:10

schnaader

49.9k10 gold badges109 silver badges140 bronze badges

Collectives™ on Stack Overflow

Displaying array data in horizontal manner using php and smarty

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related