PHP配列をTWIGのテーブルとしてレンダリングします

Rik99

私はこの構造を持つPHPの配列を持っています

$array = array(
   'head1' => array(1,2,3),
   'head2' => array(4,5,6),
   'head3' => array(7,8,9),
);

$ array変数のすべての配列が列で配列キーがテーブルヘッダーであるこの構造を持つtwigでHTMLテーブルを作成するにはどうすればよいですか?

<table>
  <tr>
    <th>head1</th>
    <th>head2</th>
    <th>head3</th>
  </tr>
  <tr>
    <td>1</td>
    <td>4</td>
    <td>7</td>
  </tr>
  <tr>
    <td>2</td>
    <td>5</td>
    <td>8</td>
  </tr>
  <tr>
    <td>3</td>
    <td>6</td>
    <td>9</td>
  </tr>
</table>

ゴガズ

組み込みのフィルターを使用してそれを行うことができますkeys期待どおりでない場合は、配列を小枝に渡す前にPHPで処理する必要があるためです。

<table>
<thead>
    <tr>
    {% for key in array|keys %}
        <th>{{ key }}</th>
    {% endfor %}
    </tr>
</thead>
<tbody>
    {% for sub_array in array %}
        <tr>
        {% for value in sub_array %}
            <td>{{ value }}</th>
        {% endfor %}
        </tr>
    {% endfor %}
</tbody>
</table>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ng-repeatを使用して、配列テーブルの配列をAngularでレンダリングします

分類Dev

ReactJSで配列の配列を使用してテーブルをレンダリングする方法は?

分類Dev

ブール列をtrue / falseとしてレンダリングします

分類Dev

Reactオブジェクトのjavascript配列からテーブルをレンダリングします

分類Dev

更新された配列をフィルタリングしてマッピングし、テーブルにレンダリングします

分類Dev

React:列コンポーネントをテーブルの行コンポーネントとしてレンダリングします

分類Dev

オブジェクトの配列を減らして、テーブルに追加の行をレンダリングします

分類Dev

ループして、Djangoビューコンテキストをテンプレートのテーブルとしてレンダリングします

分類Dev

mustache.jsを使用して配列データをテーブル行にレンダリングします。行編集の実装で立ち往生

分類Dev

Reactのデータテーブルとしてオブジェクトの配列を含むレンダリング配列

分類Dev

コンポーネントの配列をループしてレンダリングしますか?

分類Dev

web2pyappadminのプルダウンで外部テーブルの外部テーブルを文字列としてレンダリングする

分類Dev

numpy配列をエントリとして使用して、パンダのデータフレームをグループ化して削減します

分類Dev

Ruby配列をERBテンプレートでJavaScript配列としてレンダリングする方法

分類Dev

ngForディレクティブは、すべてのミューテーションで配列全体を再レンダリングしますか?

分類Dev

Ajaxを使用してhtmlテーブルをレンダリングします

分類Dev

Javascript:オブジェクトの配列をループしてキーと値のペアを見つけ、テーブルtdにレンダリングします

分類Dev

データテーブルの列のレンダリングから評価スターを表示することが機能していません

分類Dev

Reduxストアからのオブジェクトの配列をReactコンポーネントとしてレンダリングします

分類Dev

MongoDBのドキュメントのサブ配列をphpのテーブルとして表示します

分類Dev

vueを使用して、レンダリングされたテーブルの文字列で1と0を置き換えます

分類Dev

Ember配列が更新されると、各ループがオブジェクトの配列全体を再レンダリングします

分類Dev

スプライシング配列はテーブル行Vuejsを再レンダリングしません

分類Dev

日付はテーブル内のオブジェクトとしてレンダリングされます

分類Dev

DAGをテーブルとしてレンダリングするためのアルゴリズム

分類Dev

reactを使用してオブジェクト内の配列をテーブルにレンダリングする

分類Dev

リストのマップをgrailsのテーブルとしてレンダリングする

分類Dev

React JSを使用してMongoDB配列をループしてテーブルをレンダリングするにはどうすればよいですか?

分類Dev

PHPでファイルツリー配列をビルドし、VueJSでレンダリングします

Related 関連記事

  1. 1

    ng-repeatを使用して、配列テーブルの配列をAngularでレンダリングします

  2. 2

    ReactJSで配列の配列を使用してテーブルをレンダリングする方法は?

  3. 3

    ブール列をtrue / falseとしてレンダリングします

  4. 4

    Reactオブジェクトのjavascript配列からテーブルをレンダリングします

  5. 5

    更新された配列をフィルタリングしてマッピングし、テーブルにレンダリングします

  6. 6

    React:列コンポーネントをテーブルの行コンポーネントとしてレンダリングします

  7. 7

    オブジェクトの配列を減らして、テーブルに追加の行をレンダリングします

  8. 8

    ループして、Djangoビューコンテキストをテンプレートのテーブルとしてレンダリングします

  9. 9

    mustache.jsを使用して配列データをテーブル行にレンダリングします。行編集の実装で立ち往生

  10. 10

    Reactのデータテーブルとしてオブジェクトの配列を含むレンダリング配列

  11. 11

    コンポーネントの配列をループしてレンダリングしますか?

  12. 12

    web2pyappadminのプルダウンで外部テーブルの外部テーブルを文字列としてレンダリングする

  13. 13

    numpy配列をエントリとして使用して、パンダのデータフレームをグループ化して削減します

  14. 14

    Ruby配列をERBテンプレートでJavaScript配列としてレンダリングする方法

  15. 15

    ngForディレクティブは、すべてのミューテーションで配列全体を再レンダリングしますか?

  16. 16

    Ajaxを使用してhtmlテーブルをレンダリングします

  17. 17

    Javascript:オブジェクトの配列をループしてキーと値のペアを見つけ、テーブルtdにレンダリングします

  18. 18

    データテーブルの列のレンダリングから評価スターを表示することが機能していません

  19. 19

    Reduxストアからのオブジェクトの配列をReactコンポーネントとしてレンダリングします

  20. 20

    MongoDBのドキュメントのサブ配列をphpのテーブルとして表示します

  21. 21

    vueを使用して、レンダリングされたテーブルの文字列で1と0を置き換えます

  22. 22

    Ember配列が更新されると、各ループがオブジェクトの配列全体を再レンダリングします

  23. 23

    スプライシング配列はテーブル行Vuejsを再レンダリングしません

  24. 24

    日付はテーブル内のオブジェクトとしてレンダリングされます

  25. 25

    DAGをテーブルとしてレンダリングするためのアルゴリズム

  26. 26

    reactを使用してオブジェクト内の配列をテーブルにレンダリングする

  27. 27

    リストのマップをgrailsのテーブルとしてレンダリングする

  28. 28

    React JSを使用してMongoDB配列をループしてテーブルをレンダリングするにはどうすればよいですか?

  29. 29

    PHPでファイルツリー配列をビルドし、VueJSでレンダリングします

ホットタグ

アーカイブ