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 和 jquery powertable。以下是网站，最后一个链接是一个示例

1. Datatables：可能是我遇到的最强大的 jquery 表插件。

2. jQuery Powertable：jquery中著名的日期时间选择器的作者。

3. JQ Grid：自己没有测试过，但是看起来很扎实。

4.powertable上的示例链接

于 2012-10-25T20:17:28.617 回答