1

誰かがこの出力を達成する方法について私を助けることができますか？もし可能ならば。

ヘッダーを水平方向と垂直方向に表示したいと思います。

例えば

        Header 4  Header 5 Header 6 Calendar
Header 1    a        b        c        10/10
Header 2    d        e        f        11/10
Header 3    g        h        i        12/10

垂直ヘッダーはハードコーディングされていますが、水平ヘッダーはデータベース（ユーザーが入力したもの）からアップロードする必要があり、カレンダーを列の最後に表示したいと思います。これは、ユーザーが5つの入力を入力したとすると、それが水平ヘッダーに表示され、カレンダーが7番目の列に表示されることを意味します。

これが私のhtmlです

{% if solutions%}
<div id ="person_table">
<form action="{% url Solution_view person_NOID %}" method="post">
{% csrf_token %}
<table border="1" id="thetable">
<thead>
      <tr>
      <th>NOID {{ person_NOID }}</th>
      <th>SMOKING</th>
      <th>WEIGHT</th>
      <th>BP</th>
      </tr>
</thead>
<tbody>
{% for solution in solutions %}

<tr>
    <td>{{ solution.NEW_DATE }}</td>
    <td><input type="text" name="solution" id="solution{{ forloop.counter }}" value="{{ solution.SMOKING}}" /></td>
    <td><input type="text" name="solution" id="solution{{ forloop.counter }}" value="{{ solution.WEIGHT}}" /></td>
    <td><input type="text" name="solution" id="solution{{ forloop.counter }}" value="{{ solution.BP}}" /></td>
    <td><input type="text" name="solution" id="solution{{ forloop.counter }}" value="{{ solution.BP}}" /></td>
</tr>
{% endfor %}                
</tbody>
</table>
<input type="submit" value="Save" />
</form>
{% else %}
<p>No Data.</p>
{% endif %}
</body>

これができるかどうかわかりません。私はこのSOとは関係がないようです。

4

2 に答える 2

0

いつでもカスタムテンプレートを使用して、必要に応じてデータを表示できます。ページネーション、並べ替えなどの機能を備えた既存のプラグインが必要な場合は、jqgridをお勧めします

于 2012-10-25T16:01:50.473 に答える
0

あなたが行くことができるjqueryプラグインがたくさんあります、私自身はdatatablesとjquerypowertableを自分で使用しました。以下はサイトであり、最後のリンクは例です

1. Datatables：おそらく私が出会った中で最も強力なjqueryテーブルプラグイン。

2. jQuery Powertable：jqueryの有名な日時ピッカーの作成者。

3. JQグリッド：自分自身をテストしていませんが、非常に堅実に見えます。

4.powertableのリンク例

于 2012-10-25T20:17:28.617 に答える