Ankündigung

Einklappen
Keine Ankündigung bisher.

Vertikale Schrift in HTML Table - Bootstrap

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Vertikale Schrift in HTML Table - Bootstrap

    Hallo zusammen,

    ich würde gerne in meiner Tabelle (Bootstrap) die Überschriften vertikale anzeigen lassen.
    Bietet das CSS von Bootstrap von Haus aus so etwas mit? Weiß das jemand?

    HTML-Code:
    <table class="table">  
       <thead>    
       <tr>      
          <th scope="col">#</th>      
          <th scope="col">First</th>      
          <th scope="col">Last</th>      
          <th scope="col">Handle</th>    
      </tr>  
     </thead>  
           <tbody>    
            <tr>      
              <th scope="row">1</th>      
              <td>Mark</td>      
              <td>Otto</td>      
              <td>@mdo</td>    
           </tr>              
           <tr>      
              <th scope="row">2</th>      
              <td>Jacob</td>      
              <td>Thornton</td>      
              <td>@fat</td>    
          </tr>    
          <tr>      
             <th scope="row">3</th>      
             <td>Larry</td>      
             <td>the Bird</td>      
             <td>@twitter</td>    
         </tr>  
           </tbody>
    </table>
    Würde mich über Hilfe freuen

    Grüße


  • #2
    Warum Bootstrap?

    Google: CSS vertical text

    Kommentar


    • #3
      Bootstrap habe ich als Framework genutzt weil ich das Design schön modern finde.
      Hätte ja sein können das Bootstrap "diese Class" bereits hinterlegt hat

      Aber ich schaue dann mal nach deinem Vorschlag. Danke.

      Kommentar


      • #4
        Zitat von Sebbi85 Beitrag anzeigen
        Bootstrap habe ich als Framework genutzt weil ich das Design schön modern finde.
        Hätte ja sein können das Bootstrap "diese Class" bereits hinterlegt hat
        Dann wirds ja bestimmt auch eine Doku dazu geben.

        Kommentar


        • #5
          Bootstrap bietet eine Dokumentation, bitte dort vorher nachlesen.

          Wenn eine Klasse nicht vorhanden ist, dann einfach eine erzeugen, oder die CSS Anweisung dranhängen, für dein Beispiel habe ich mal eine id für die Tabelle genommen
          HTML-Code:
          <style>
              #mytable > thead th {
                  writing-mode: vertical-lr;
                  text-orientation: upright;
              }        
          </style>
          HTML-Code:
          <table id="mytable">
          Rest wie oben.

          Kommentar


          • #6
            Merci vielen Dank

            Kommentar


            • #7
              *Beitrag gelöscht, da doch gelöst*

              Kommentar

              Lädt...
              X