Table Content

by jch02140

HTML

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css">
<!DOCTYPE html>
<html>
<body>
<div data-role="page" id="home">
 <div data-role="header">
  <h1>Header</h1>
 </div>
 <div data-role="content">
  <Table border="1px" id="Ti">
        <caption>Time Table</caption>
        <thead>
        <tr>
          <th scope="col" id="col1">First</th>
          <th scope="col" id="col2">Second</th>
          <th scope="col" id="col3">Third</th>
          <th scope="col" id="col4">Fourth</th>
          
        </tr>
        </thead>
        </Table>
 </div>
 <div data-role="footer">
  <h4>Footer</h4>
 </div>
</div>
</body>
</html>

CSS

#col1 {
    background-color: #5742a6;
}
#col2 {
    background-color: #00ff00;
}
#col3 {
    background-color: #0000ff;
}
#col4 {
    background-color: red;
}

JavaScript

$('#Ti tr:last').after('<tr> <th scope=row>  </th> <td>English</td> </tr>');