문제

더 나은 방법을 제안하십시오. 어레이 결과를 수평 방식으로 보여주고 싶습니다.

컬럼 1 | 열 2 | 열 3
3 | 7 | 10

이제 수직 방식으로 다음과 같이 표시됩니다

컬럼 1 | 열 2 | 열 3
3
7
10


배열 결과 : $ 결과 변수에 저장되고 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>
도움이 되었습니까?

해결책

UL을 루프에서 꺼내고 Li의 디스플레이가 인라인 또는 플로트로 설정되어 있는지 확인하십시오.

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

다른 팁

이것이 작동합니까?

<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>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top