Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<title>JS Bin</title>
</head>
<body>
  <table cellpadding=0
  cellspacing=0>
    <thead>
    <tr>
       <th rowspan="2">MinistryCode</th>
       <th rowspan="2">MinistryName</th>
       <th colspan="2">1390</th>
       <th colspan="2">1391</th>
       <th colspan="2">1392</th>
    </tr>
  
     <tr>
       <th>Target</th>
       <th>Amount</th>
       <th>Target</th>
       <th>Amount</th>
       <th>Target</th>
       <th>Amount</th>
     </tr>
</thead>
    <tbody>
    <tr>
       <td>MinistryCode</td>
       <td>MinistryName</td>
       <td>1390</td><td>1391</td><td>1392</td>
    <td>Target</td>     <td>Amount</td>
       <td>Target</td>
     </tr
      <tr>
       <td>MinistryCode</td>
       <td>MinistryName</td>
       <td>1390</td><td>1391</td><td>1392</td>
    <td>Target</td>     <td>Amount</td>
       <td>Target</td>
     </tr><tr>
       <td>MinistryCode</td>
       <td>MinistryName</td>
       <td>1390</td><td>1391</td><td>1392</td>
    <td>Target</td>     <td>Amount</td>
       <td>Target</td>
     </tr>
</tbody>
  </table>
</body>
</html>
 
table{
  border:1px solid;
  margin:0px;
  padding:0px;
  table-layout:fixed;
  text-align:center;
  border-color:#BDBDBC;
}
thead th{
  background-color:#D2E7FA;
  border:1px solid #9FA6AC;
  text-align:center;
}
​
thead tr:first-child th + th{
  width:40%!important;
}
thead tr+tr th{
  width:9%!important;
}
​
tbody tr td{
  border-left:1px solid;
  border-right:1px solid;
  border-color:#9FA6AC;
}
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
sanjeevk.chauhanpro
0viewers