टेबल हेडर?

Question

मैंने Google के माध्यम से खोज करते समय कोई उदाहरण नहीं देखा है। मैंने thead बाईं ओर तैरने और tbody दाहिनी तरफ बनाने की कोशिश की है, लेकिन यह काम नहीं किया। शीर्ष पर दिखाने के बजाए बाईं ओर एक टेबल हेडर कैसे रखें?

<table class="table"> 
    <thead> 
     <tr> 
      <th>Row</th> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th>Email</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>John</td> 
      <td>Carter</td> 
      <td>johncarter@mail.com</td> 
     </tr> 
     <tr> 
      <td>2</td> 
      <td>Peter</td> 
      <td>Parker</td> 
      <td>peterparker@mail.com</td> 
     </tr> 
     <tr> 
      <td>3</td> 
      <td>John</td> 
      <td>Rambo</td> 
      <td>johnrambo@mail.com</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

आप अपनी तालिका के बाईं ओर नीचे हेडर चाहते हैं, बस मार्कअप अलग ढंग से लिखें:

<table class="table"> 
    <tbody> 
     <tr> 
      <th>Row</th> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
     </tr> 
     <tr> 
      <th>First Name</th> 
      <td>John</td> 
      <td>Peter</td> 
      <td>John</td> 
     </tr> 
     <tr> 
      <th>Last Name</th> 
      <td>Carter</td> 
      <td>Parker</td> 
      <td>Rambo</td> 
     </tr> 
     <tr> 
      <th>Email</th> 
      <td>johncarter@mail.com</td> 
      <td>peterparker@mail.com</td> 
      <td>johnrambo@mail.com</td> 
     </tr> 
    </tbody> 
</table> 

देखें this demo