Überlauf: Auto-Eigenschaft nur eine horizontale Bildlaufleiste hinzufügen?

Question

Ich [leider] habe eine Tabelle in einer Tabelle. Die letzte <td> der äußeren Tabelle sieht so aus:

<td class="valign-top width-40 padding-right-4px"> 
    <div class="grid-filter-container" style="overflow:auto;"> 
     <table id="FilterColumns" class="fullwidth fimscaletable"> 
      <thead> 
       <tr> 
        <th class="width-25 textalign-left k-header k-grid-header"> 
         <span class="text-white">Field Name</span> 
        </th> 
        <th class="width-75 textalign-center k-header k-grid-header"> 
         <span class="text-white">Condition</span> 
        </th> 
       </tr> 
      </thead> 
      <tbody></tbody> 
      <tbody></tbody> 
     </table> 
    </div> 
</td> 

Die innere Tabelle programmatisch bekommt Zeilen hinzugefügt, es ist Teil eines Datenexportmodul ist. Dem Benutzer wird eine Liste von Feldern auf der linken Seite angezeigt, die er dann aus der Liste auswählen und einige Parameter festlegen und dieser Tabelle auf der rechten Seite hinzufügen kann.

Wie Sie sehen können, hat die <div> mit der inneren Tabelle ihre overflow-Eigenschaft auf auto festgelegt. Aber während der Laufzeit es „Gewinne“ nur ein horizontaler Scrollbalken:

Die Tabelle auf dem rechten Seite begann als die gleiche Größe wie die Kontrolle auf der linken Seite, aber wie ich mehr Bedingungen, um es hinzuzufügen, es wächst in der Höhe. Ich möchte, dass es stattdessen nur das div scrollt. Beachten Sie, dass dieser Screenshot in IE aufgenommen wurde. habe andere Browser noch nicht getestet.

.k-window .grid-filter-container { 
    border: solid 1px #909090; 
    min-height: 200px; 
    padding: 0px; 
    margin: 0px; 
} 

js Geige tatsächlich von meiner Firma Internet-Filter blockiert ist, sonst würde ich versuchen, eine Probe zu liefern:

Die grid-filter-container Klasse wird als so definiert.

Answer 1

In Höhe in den Behälter

.k-window .grid-filter-container { 
border: solid 1px #909090; 
min-height: 200px; 
padding: 0px; 
margin: 0px; 
    height: 200px; 
}