垂直和水平表格标题

任何人都可以帮助我了解如何实现此输出。如果可能。垂直和水平表格标题

我想查看我的头水平和垂直。

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。

来源

2012-10-25 noobes

是的，这是可能的。下一个问题？ – deed02392

谢谢，你能给我至少在哪里得到的信息..我有点卡住了。 – noobes

您可以随时使用自定义模板来随意显示数据。如果你需要一个现有的插件与分页，排序等功能，我会推荐jqgrid

来源

2012-10-25 16:01:50 Konstant

谢谢@konstant我会检查它。将在我得到解决方案时更新。 – noobes

哇... @康斯坦特。非常感谢你......那就是我正在寻找.... – noobes

很高兴它帮助！ – Konstant

有很多jquery插件，你可以去，我自己已经使用数据表和jquery powertable我自己。以下是网站和最后一个链接是一个例子

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

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

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

4.关于powertable的示例链接

来源

2012-10-25 20:17:28 sayannayas

谢谢@sayannayas – noobes

垂直和水平表格标题

回答

相关问题