Question

任何人都可以帮助我如何实现此输出。如果可能的话。

我想水平和垂直查看我的标题。

e.g

        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>

我不知道是否可以这样做。似乎我无法与this SO相关联。

Answer 1

您始终可以使用自定义模板根据需要显示数据。如果您需要具有分页，排序等功能的现有插件，我建议jqgrid

Answer 2

你可以使用很多jquery插件，我自己也使用过datatables和jquery powertable。以下是网站，最后一个链接就是一个例子

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

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

3. JQ Grid：没有测试过自己，但看起来非常稳固。

4. powertable

上的示例链接

垂直和水平表头

2 个答案: