Jquery Append überschreiten maximale Höhe

Ich habe einen Jquery-Code, die durch eine Liste von Objekten durchlaufen und html an eine Tabelle anhängen.Wie auch immer ich die maximale Höhe der Eltern/Tabelle. Die Tabellenzeile überschreitet immer noch den übergeordneten Wert.Jquery Append überschreiten maximale Höhe

Rekord sollte an der roten Linie im Bild zu stoppen und eine Bildlaufleiste sollte angezeigt werden.

kann jemand helfen?

JQuery

$.each(data, function (i, item) { 
    $('#dataTable').append("<tr><td>" + i + '</td><td>' + item.name+ '</td><td>' + item.English + '</td><td>' + item.Quantity + '</td><td>' + item.Brand + '</td></tr>') 
});

HTML

<div class="panel panel-default" style="height:700px;"> 
    <div class="panel-heading">Records</div> 
    <div class="panel-body" style="max-height:700px; z-index:5;"> 
     <table id="dataTable" class="table" style="height:700px;overflow:auto;"> 
     <tr> 
      <th>S/N</th> 
      <th>name</th> 
      <th>Description</th> 
      <th>Qty</th> 
      <th>Brand</th> 
     </tr> 
     </table> 
    </div> 
</div>

Quelle

2017-05-17 MVC newbie

Wollen Sie die Datentabelle erneut rendern? – Raptor

nein. Ich möchte eine Bildlaufleiste nach Datensatz 14/15 weiter.Ich habe bereits 'Überlauf: Auto' eingestellt, aber es funktioniert nicht –

@MVCnewbie, so dass Sie eine Schriftrolle wollen oder möchten Sie die Höhe zu erhöhen – SiddP

Entfernen Sie die folgenden Stil Fälle von Tabellentag height:700px;overflow:auto; und overflow:auto; Stil Fall in der Klasse gelten .panel-body. overflow:auto; Stil Fall funktioniert nicht in Tabelle Tag.

Quelle

2017-05-17 06:48:35 Faizal

arg vielen Dank. Aber ich sollte es auch funktionieren? –

@MVCnewbie - Gern geschehen. – Faizal

Jquery Append überschreiten maximale Höhe

Antwort

Verwandte Themen