2009-06-03 16 views
0

私はより良いやり方を提案します。私は配列の結果を水平に表示したいと思います。
phpとsmartyを使って水平方向に配列データを表示する

カラム1 | | 2列目列3
3 | 7 | 10

列1は、次のように今では垂直に示し| | 2列目コラム3



配列結果:$結果変数に格納し、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> 
+0

これを行うには、ul構造の代わりにテーブル構造を使用する必要があります。 – OneNerd

答えて

1

ループをループからはずし、LIのディスプレイがインラインまたは浮動小数点に設定されていることを確認します。

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

Thanks Sleepycod。私は試した。はい、liは浮動小数点に設定されています:leftとulを同じ出力の外側に置きます。 – Webrsk

+0

{/ section}(こちら)< - "

"ブロックをここに移動します –

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> 
関連する問題