Standardverhalten der th -Tag-Tags

Question

Auf großen Bildschirmen ist mein Tisch TH ganz oben, aber wenn ich ihn auf mobilen Geräten starte, gehen diese THs auf die linke Seite. Ist das das Standardverhalten von TH von Tabellen? Ich benutze Matrialize CSS-Klasse von 'reaktionsschnelle Tabelle'.

<table class="responsive-table"> 
    <thead> 
     <tr> 
      <th data-field="id">Name</th> 
      <th data-field="name">Item Name</th> 
      <th data-field="price">Item Price</th> 
     </tr> 
    </thead> 

    <tbody> 
     <tr> 
     <td>Alvin</td> 
     <td>Eclair</td> 
     <td>$0.87</td> 
     </tr> 
     <tr> 
     <td>Alan</td> 
     <td>Jellybean</td> 
     <td>$3.76</td> 
     </tr> 
     <tr> 
     <td>Jonathan</td> 
     <td>Lollipop</td> 
     <td>$7.00</td> 
     </tr> 
    </tbody> 
    </table> 

Answer 1

Ja, das ist das Standardverhalten, wenn Sie eine Klasse responsive-table hinzufügen. In der Dokumentation:

Add class = „responsive-Tabelle“ auf den Tisch Tag der Tisch horizontal scrollbaren auf kleineren Bildschirmbreiten zu machen.

Gewöhnen Sie sich an, die Dokumentation zu überprüfen! Ich habe noch nie materialisiert, aber ich fand die Antwort sehr schnell, indem ich ihre Website durchforstete.

Quelle: Tables in materialize.css

Answer 2

Standardverhalten wird nur Ihre Tabellenüberschriften fett machen, aber sollten sie nicht nach links gehen machen. Es geht nach links, weil Sie ein responsives Design-Stylesheet verwenden.