2017-07-24 3 views
0

SEE IMAGEWie kann ich den Tisch unerträglich machen? oder vertikal Erweiterung des <td> Inhalt

Ich will nur wissen, was die Attribute für table es nichtexpandierbaren zu machen? Oder umgekehrt für den <td> Inhalt? (vertikal statt horizontal)?

<div class="container"> 
<div class="panel panel-default"> 
<div class="panel-heading"><b>Implementation/Migration Plan</b></div> 
<div class="panel-body"> 
<table class="table table-condensed"> 
<thead> 
<tr> 
<th>Activities</th> 
<th>Duration</th> 
<th>Responsible</th> 
<th>Back-out Procedure</th> 
<th>Remarks</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td contenteditable='true'></td> 
<td contenteditable='true'></td> 
<td contenteditable='true'></td> 
<td contenteditable='true'></td> 
<td contenteditable='true'></td> 
</tr> 

Derzeit habe ich keine Tabellenattribute und die, wenn ich Eingabe langen Schnur darin, dehnt es sich sowohl die thead und tbody horizontal. Ich will nur wissen, wie die Eingangsgröße

+0

Sie können entweder die Breite von 'tr' Inhalt oder lassen Sie es vertikal zu erweitern, die' td' in fester Breite erlaubt, Hier ist eine Geige Sie können reffer: https: //jsfiddle.net/7m1tL4tf/ – HEGDE

Antwort

0

Verwenden CSS anpassen:

<style> 
td { 
    width: 100px; 
    word-break: break-all; 
    border: 1px solid black; 
} 
</style> 

Dadurch wird den Text steuern vertikal erweitert werden (die lange Reihe von word-break brechen).

Verwandte Themen