Untitled

<td><input type="text" name="Confirmation Number" style="width: 90%"/></td>
        <td>
        <input type="text" name="Last Name" style="width: 80%" /> <br/>
        <input type="text"  name="First Name" style="width: 80%" />
        </td>
         <td><input type="text" name="Booking Date" style="width: 90%" /></td>
        <td><input type="text" name="Arrival Date" style="width: 90%" /></td>
        <td><input type="text" name="Departure Date" style="width: 90%" /></td>
        <td>
        <div>
        <select style="width: 90%">
            <option value="">select</option>
            <option value="hyderabad">hyderabad</option>
            <option value="viayawada">vijayawada</option>
            <option value="vizag">vizag</option>
        </select>
        </div>
        </td>
        <td><input type="text" name="Guarantee Method" style="width: 90%" /></td>
        <td><input type="text" name="Channel" style="width: 80%" /></td>
        <td><input type="text" name="Email Address" style="width: 80%" /></td>
        <td><input type="text" name="Status" style="width: 80%" /></td>
        <td><input type="text" name="Updated By" style="width: 80%" /></td>
        <td><input type="text" name="Updated On" style="width: 80%" /></td>
        <td><a href="">link1</a>&nbsp;<a href="">link1</a> </td>

    </tr>
    </thead>
    <tbody>
      <tr>
        <td colspan="12" style="width:100%" class="table-container">
        <div>
      <table style="width: 100%">
        <tr>
         <td style="width: 8%;">
        <div>
        <table style="margin:0" >
         <tr>
           <td>5797abd712</td>
         </tr>
        </table>
         </div>
         </td>
     <td style="width: 8%;">TEST, TEST</td>
     <td style="width: 7%;">6/12/15</td>
     <td style="width: 7%;">6/13/15</td>
     <td style="width: 7%;">6/14/15</td>
     <td style="width: 10%;">Depalma Ampang</td>
     <td style="width: 8%;">Online Payment</td>
     <td style="width: 6%;">QikRes</td>
     <td style="width: 10%;">qa_user1@gmail.com</td>
     <td style="width: 6%;">Confirm</td>
     <td style="width: 8%;">WebUser</td>
     <td style="width: 8%;">6/14/15</td>
     <td style="width: 5%">&nbsp;</td>
     </tr>

     </table>
     </div>
     </td>
     </tr>
     </tbody>
    </table>
</div>

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">   </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.7/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {
 $('#reservations-list').DataTable(
   {
    "aoColumns": [
    { sWidth: '8%' },
    { sWidth: '8%' },
    { sWidth: '7%' },
    { sWidth: '7%' },
    { sWidth: '7%' },
    { sWidth: '10%' },
    { sWidth: '8%' },
    { sWidth: '6%' },
    { sWidth: '10%' },
    { sWidth: '6%' },
    { sWidth: '8%' },
    { sWidth: '8%' },
    { sWidth: '5%' }]
   });
 });
</script>
</head>
 <body>
 <div style="border:1px solid black">
<table class="column default" style="margin: 0 10px 10px 10px;" id="reservations-list">
<thead>
<tr>
<th><div>Confirmation Number</div></th>
<th><div>Name</div></th>
<th><div>Booking Date</div></th>
<th><div>Arrival Date</div></th>
<th><div>Departure Date</div></th>
<th><div>Stay Property</div></th>
<th><div>Guaranteed Method</div></th>
<th><div>Channel</div></th>
<th><div>Email Address</div></th>
<th><div>Status</div></th>
<th><div>Updated By</div></th>
<th><div>Updated On</div></th>
<th><div>&nbsp;</div></th>
</tr>
<tr>
<td><input type="text" name="Confirmation Number" style="width: 90%"/></td>
        <td>
        <input type="text" name="Last Name" style="width: 80%" /> <br/>
        <input type="text"  name="First Name" style="width: 80%" />
        </td>
         <td><input type="text" name="Booking Date" style="width: 90%" /></td>
        <td><input type="text" name="Arrival Date" style="width: 90%" /></td>
        <td><input type="text" name="Departure Date" style="width: 90%" /></td>
        <td>
        <div>
        <select style="width: 90%">
            <option value="">select</option>
            <option value="hyderabad">hyderabad</option>
            <option value="viayawada">vijayawada</option>
            <option value="vizag">vizag</option>
        </select>
        </div>
        </td>
        <td><input type="text" name="Guarantee Method" style="width: 90%" /></td>
        <td><input type="text" name="Channel" style="width: 80%" /></td>
        <td><input type="text" name="Email Address" style="width: 80%" /></td>
        <td><input type="text" name="Status" style="width: 80%" /></td>
        <td><input type="text" name="Updated By" style="width: 80%" /></td>
        <td><input type="text" name="Updated On" style="width: 80%" /></td>
        <td><a href="">link1</a>&nbsp;<a href="">link1</a> </td>

    </tr>
    </thead>
    <tbody>
      <tr>
        <td colspan="12" style="width:100%" class="table-container">
        <div>
      <table style="width: 100%">
        <tr>
         <td>
        <div>
        <table style="margin:0" >
         <tr>
           <td>5797abd712</td>
         </tr>
        </table>
         </div>
         </td>
     <td>TEST, TEST</td>
     <td>6/12/15</td>
     <td>6/13/15</td>
     <td>6/14/15</td>
     <td>Depalma Ampang</td>
     <td>Online Payment</td>
     <td>QikRes</td>
     <td>qa_user1@gmail.com</td>
     <td>Confirm</td>
     <td>WebUser</td>
     <td>6/14/15</td>
     <td>&nbsp;</td>
     </tr>

     </table>
     </div>
     </td>
     </tr>
     </tbody>
    </table>
</div>