使用php和smarty以水平方式显示数组数据

时间:2009-06-03 12:04:35

标签: php css loops smarty

建议我采用更好的方法。我想以横向方式显示数组结果。

  

Column1 |第2栏|第3栏    3 | 7 | 10

现在它以垂直方式显示如下

  

Column1 |第2栏|第3栏      3
    的 7
    的 10


  

数组结果:存储在$ result变量中并在smarty变量中分配

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

.tpl代码

<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>

2 个答案:

答案 0 :(得分:1)

将UL从循环中取出并确保LI的显示设置为内联或向左浮动。

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

答案 1 :(得分:0)

这有用吗?

<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>