0

我有一个表单，表单中有一个按钮，当我单击它时，它将显示一个由循环表组成的弹出窗口。这意味着表格没有固定宽度但有固定高度。基本上我的问题是如何实现这个结果，以便弹出窗口会根据表格的内容自动调整大小，而无需用户进行调整。我已经尝试检查完美弹出窗口

调整弹出窗口的大小以适应未知宽度的非图像内容

但我无法让它在我的页面中工作。我对此有点慢。

这是一张我想要的照片。 图1

供参考。每次有新数据时，该表都会显示在下方。我怎样才能使它不会在下面显示。如果这是解决方案，只要在有新数据时不会跳到下方，水平滚动也可以。基本上这就是表格的样子。 在此处输入图像描述

html

<input type="button" value="Condition" onClick="window.open('{% url Condition_view dept_id patient_NO %}', '', 'width=500, height=200, menubar=0, resizable=0, scrollbars=yes, status=0, titlebar=0, toolbar=0')">

请帮忙。我的情况的最佳解决方案是什么？只要可以在 django 中使用，我对所有解决方案都持开放态度。在这种情况下，我是新手。非常感谢任何帮助。谢谢你。

已编辑的问题

我来自 {% url Condition_view dept_id patient_NO %} 页面的 html 表

<body>

{% if conditioner%}
<div id ="patient_table" style="clear:both">
<form action="." method="post" onsubmit=""> 
{% csrf_token %}
<table border="1" id="thetable">
<thead>
  <tr>
  <th>Person_ID {{ patient_CPR }}</th>
  <th>Smoker</th>
  <th>Weight</th>
  <th>Height</th>
      </tr>
    </thead>
    <tbody>
{% for condition in conditioner %}
{% with "#CCE6FF" as bgcolor%} 
<tr>
   <td style="height: 30">{{ condition.NEW_DATE }}</td>
   <td>
   <select class="SMOKER" name="condition">
   <option value="{{condition.smoker.0.0}}"
   {% if condition.SMOKER == condition.smoker.0.0 %}selected="selected"{% endif %}>Never</option>
       <option value="{{condition.smoker.1.0}}" 
       {% if condition.SMOKER == condition.smoker.1.0 %}selected="selected"{% endif %}>Ex-smoker</option>
       </select>
   </td>
   <td><input type="text" name="condition" id="condition{{ forloop.counter }}" value="{{ condition.WEIGHT }}" /></td>
   <td><input type="text" name="condition" id="condition{{ forloop.counter }}" value="{{ condition.HEIGHT }}" /></td>
    </tbody>
 </table>
 <input type="submit" value="Save" />
 </form>
 </div>

 {% else %}
 <p>No patient.</p>
 {% endif %}

 </body>

希望有了这些信息，有人可以帮助我解决我的问题。再次感谢。

4

1 回答 1

1

更改您onClick的调用函数，以便您可以设置函数内的宽度

HTML

<input onClick="openTableWindow('{% url Condition_view dept_id patient_NO %}')">

JS

function openTableWindow(url) {
    var windowWidth = /* get width of table*/
    var windowProperties = 'width=' + windowWidth + ', height=200, ......  toolbar=0';
    window.open(url, '', windowProperties);
}
于 2012-11-15T11:46:54.450 回答