« Previous Next »

Colspan & Rowspan

NAME
Student
Time Table
Lunch

Colspan Example

Output :

Rowspan Example

Output :

Colspan & Rowspan Example

Output :
AIT Tables
AIT - Weekly Schedule
Hours Mon Tue Wed Thu Fri
HTML CSS HTML CSS JavaScript
HTML CSS HTML CSS JavaScript
LUNCH BREAK
Bootstrap React JS Bootstrap React JS Project Work
Bootstrap React JS Bootstrap React JS 
<table border="1" > 
  <tr>
    <th colspan="6">AIT - Weekly Schedule</th>
  </tr>

  <tr>
    <th rowspan="6">Hours</th>
    <th>Mon</th>
    <th>Tue</th>
    <th>Wed</th>
    <th>Thu</th>
    <th>Fri</th>
  </tr>

  <tr>
    <td>HTML</td>
    <td>CSS</td>
    <td>HTML</td>
    <td>CSS</td>
    <td>JavaScript</td>
  </tr>

  <tr>
    <td>HTML</td>
    <td>CSS</td>
    <td>HTML</td>
    <td>CSS</td>
    <td>JavaScript</td>
  </tr>

  <tr>
    <th colspan="5">LUNCH BREAK</th>
  </tr>

  <tr>
    <td>Bootstrap</td>
    <td>React JS</td>
    <td>Bootstrap</td>
    <td>React JS</td>
    <td rowspan="2">Project Work</td>
  </tr>

  <tr>
    <td>Bootstrap</td>
    <td>React JS</td>
    <td>Bootstrap</td>
    <td>React JS</td>
  </tr>
</table>
Student Name Reg No. Module Marks Total Avg
Ayaan AIT-101 HTML 95 280 93.33
CSS 90
JavaScript 95
Zara AIT-102 HTML88 260 86.67
CSS 85
JavaScript 87
Rohan AIT-103 HTML92 270 90.00
CSS 90
JavaScript 88 
<table border="1" >

  <tr>
    <th>Student Name</th>
    <th>Reg No.</th>
    <th>Module</th>
    <th>Marks</th>
    <th>Total</th>
    <th>Avg</th>
  </tr>

  <tr>
    <td rowspan="3">Ayaan</td>
    <td rowspan="3">AIT-101</td>
    <td>HTML</td>
    <td>95</td>
    <td rowspan="3">280</td>
    <td rowspan="3">93.33</td>
  </tr>

  <tr>
    <td>CSS</td>
    <td>90</td>
  </tr>

  <tr>
    <td>JavaScript</td>
    <td>95</td>
  </tr>

  <tr>
    <td rowspan="3">Zara</td>
    <td rowspan="3">AIT-102</td>
    <td>HTML</td>
    <td>88</td>
    <td rowspan="3">260</td>
    <td rowspan="3">86.67</td>
  </tr>

  <tr>
    <td>CSS</td>
    <td>85</td>
  </tr>

  <tr>
    <td>JavaScript</td>
    <td>87</td>
  </tr>

  <tr>
    <td rowspan="3">Rohan</td>
    <td rowspan="3">AIT-103</td>
    <td>HTML</td>
    <td>92</td>
    <td rowspan="3">270</td>
    <td rowspan="3">90.00</td>
  </tr>

  <tr>
    <td>CSS</td>
    <td>90</td>
  </tr>

  <tr>
    <td>JavaScript</td>
    <td>88</td>
  </tr>

</table>
« Previous Next »