Check out example codes for "html tables". It will help you in understanding the concepts better.

Code Example 1

<table>
  <thead>
    <tr>
      <th>header1</th>
      <th>header2</th>
      <th>header3</th>
    </tr>
   </thead>
   <tbody>
     <tr>
       <td>text1.1</td>
       <td>text1.2</td>
       <td>text1.3</td>
     </tr>
     <tr>
       <td>text2.1</td>
       <td>text2.2</td>
       <td>text2.3</td>
     </tr>
     <tr>
       <td>text3.1</td>
       <td>text3.2</td>
       <td>text3.3</td>
     </tr>
     <tr>
     </tr>
  </tbody>
</table>

Code Example 2

<table style="width:100%"> 
  <tr>
      <th>Firstname</th>
      <th>Lastname</th> 
      <th>Age</th>
  </tr>
  <tr>
      <td>Jill</td>
      <td>Smith</td> 
      <td>50</td>
  </tr>
  <tr>
      <td>Eve</td>
      <td>Jackson</td> 
      <td>94</td>
  </tr>
</table>

Code Example 3

<html>
 <head>
   <title>Working with HTML Tables</title>
 </head>
 <body>
   <table>				<!-- create an table object -->
     <tr>				<!-- "tr" represents a row -->
       <th>Name</th>	<!-- use "th" to indicate header row -->
       <th>Date of Birth</th>
       <th>Weight</th>
     </tr> 
     <tr>				<!-- once again use tr for another row -->
       <td>Mary</td>	<!-- use "td" henceforth for normal rows -->
       <td>12/13/1994</td>
       <td>130</td>
     </tr>    
   </table>
 </body>
</html>

Code Example 4

<table>
  <tr> <!-- This is the first row -->
    <th>This is the heading</th>
    <th>Next heading to the right</th>
  </tr>
  <tr> <!-- This is the second row -->
    <td>This is where the table data goes</td>
    <td>This is the second columns data</td>
  </tr>
</table>

Code Example 5

.centerTable { margin: 0px auto; }

Code Example 6

<!-- How to create a simple table? -->
<table style="width:100%">
  <thead>
    <tr>
      <th>Title 1</th>
      <th>Title 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Line_1 Column_1</td>
      <td>Line_1 Column_2</td>
    </tr>
    <tr>
      <td>Line_2 Column_1</td>
      <td>Line_2 Column_2</td>
    </tr>
  </tbody>
</table>


<!-- How to use tables to position other elements? -->
<!-- Exemple: put a paragraph in front of an image -->

<table id="begin" cellspacing="15">
	<tr>
		<td>
			<img src="https://..." alt="some_name" height="180" width="180"/>
        </td>
        <td>
          	<h1>Some Header</h1>
          	<dl>Some Title</dl>
          	<p style="width: 70%;">
            text text text text text text text text text text... and more text
            <a href="https://..">a link</a>.</p>
		</td>
	</tr>
</table>

Learn ReactJs, React Native from akashmittal.com