2016-03-31 12 views
1

Wie mache ich eine Tabelle Daten nur scrollbar (nicht ganze Tabelle oder Zeile, nur eine Zelle)? Dies ist das Beste, was ich tun könnte, aber das Display: Block; macht alle Tabellenzellen gleich groß. (Mit einer anderen Anzeige oder keine Anzeige, erscheint eine Scrollbar aber nicht scrollbaren wie die Zelle größer zu wird)Bildlaufleiste in HTML Tabelle nur Daten

<table border="1" width="100%" height="100%"> 
     <tr> 
      <td rowspan="2" width="30%" height="10%"> 

      </td> 
      <td width="60%" ><font color="#FFF" style="font-weight:bold"> 
       <p>Coventry University - CV1 5FB</p> 
      </td> 
     </tr> 

     <tr> 
      <td height="90%" style="display:block; overflow-y: scroll; "><font color="#FFF"> 
       <p>I WANT THIS CELL TO BE SCROLLABLE</p> 
      </td> 
     </tr> 
    </table>  

enter image description here

+0

http://stackoverflow.com/questions/4050076/how-to-always-show-the-vertical-scrollbar-in-a-browser – Gendarme

+0

^Nun, dieser Link beantwortet Bildlaufleisten für ein ganzes Browserfenster, das ist nur eine Tabellenzelle. Ich habe versucht, einige der css zusammen zu kombinieren und ich habe versagt, deshalb habe ich diese Frage gestellt. – user3926730

+0

Kannst du das CSS nicht einfach in deine Tabellenzelle anstatt in den Körper einfügen? – Gendarme

Antwort

1
<table border="1" width="100%" height="100%"> 
    <tr> 
     <td rowspan="2" width="30%" height="10%"> 

     </td> 
     <td width="60%" ><font color="#FFF" style="font-weight:bold"> 
      <p>Coventry University - CV1 5FB</p> 
     </td> 
    </tr> 

    <tr> 
     <td height="90%"><font color="#FFF"> 
      <p style="display:block; overflow-y: scroll; ">I WANT THIS CELL TO BE SCROLLABLE</p> 
     </td> 
    </tr> 
</table>  

ich das denke, was Sie wollen; Ich rate, dass "td" nicht überlaufen, aber Sie können hinzufügen, Überlauf gehören "td";