title: Keep table width of two scrollable table same and the header stay put
body: <p>I have a table (table2) inside the  of a table (table1). 
  table1 inside div "outer" and table2 inside div "inner".
  I want to enable scroll-x for div "outer" and enable scroll-y for div "inner" so when the table1 scroll vertically, the header will stay put. I did it and got what I want, but the column width of table2 can't be set even if I set it in a class (using CSS) or set the width in td. I also tried using colgroup but still same. I also tried using one table for all (table1 and table2) with different div but the header table can't stay put, even if it can but the width can't be set as I want. All method I've tried just give me that problem, the header can't stay put or the width size can't be set.</p>
  
  <p><a href="http://i.stack.imgur.com/u2r0c.png" rel="nofollow">my table now</a></p>
  
  <p>How can the column width of the table2 is same as table1?</p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;div class="outernew"&gt;
      &lt;table style="width:1250px; margin-left:10px; margin-right:10px;" cellspacing=1&gt;
      &lt;thead&gt;
          &lt;tr bgcolor="#EAEAE9"&gt;
              &lt;th height="60" rowspan="4" bgcolor="#EAEAE9" align="center" class="defaultboldorange col1"&gt;No&lt;/th&gt;
              &lt;th rowspan="4" bgcolor="#EAEAE9" align="center" class="defaultboldorange col2"&gt;Area&lt;/th&gt;
              &lt;th rowspan="4" bgcolor="#EAEAE9" align="center" class="defaultboldorange col3"&gt;Site Name&lt;/th&gt;
              &lt;th rowspan="4" bgcolor="#EAEAE9" align="center" class="defaultboldorange col4"&gt;Alamat&lt;/th&gt;
              &lt;th rowspan="4" bgcolor="#EAEAE9" align="center" class="defaultboldorange col5"&gt;Antenna&lt;/th&gt;
              &lt;th rowspan="4" bgcolor="#EAEAE9" align="center" class="defaultboldorange col6"&gt;TSI&lt;/th&gt;
              &lt;th rowspan="3" colspan="2" bgcolor="#EAEAE9" align="center" class="defaultboldorange col7head"&gt;Periode&lt;/th&gt;
  
          &lt;?
              $jml_asr = $db-&gt;query("select ...");
              for($a=0; $a&lt;count($jml_asr); $a++){
          ?&gt;
  
              &lt;th height="30" colspan="42" bgcolor="#EAEAE9" align="center" class="defaultboldorange col8head"&gt;&lt;? echo $jml_asr[$a]['assurance_name']; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="ffffff" class="col9"&gt;&lt;/th&gt;
  
          &lt;?
              }
          ?&gt;
  
          &lt;/tr&gt;
  
          &lt;tr&gt;
  
          &lt;?
              for($a=0; $a&lt;count($jml_asr); $a++){
          ?&gt;
  
              &lt;th colspan="6" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;Flexas&lt;/th&gt;
              &lt;th colspan="6" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;RSMDCC&lt;/th&gt;
              &lt;th colspan="6" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;Others&lt;/th&gt;
              &lt;th colspan="6" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;TSFWD&lt;/th&gt;
              &lt;th colspan="6" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;All Risk&lt;/th&gt;
              &lt;th colspan="6" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;EQVET&lt;/th&gt;
              &lt;th colspan="6" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;Total AR + EQVET&lt;/th&gt;
              &lt;th width="5" bgcolor="ffffff"&gt;&lt;/th&gt;
  
          &lt;?
              }
          ?&gt;
  
          &lt;/tr&gt;
  
          &lt;tr bgcolor="#EAEAE9"&gt;
  
          &lt;?
              for($a=0; $a&lt;count($jml_asr); $a++){
                  for($r=0; $r&lt;7; $r++){
          ?&gt;
  
              &lt;th colspan="2" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;Rate&lt;/th&gt;
              &lt;th colspan="2" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;Discount&lt;/th&gt;
              &lt;th colspan="2" bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;Result&lt;/th&gt;
  
          &lt;?      } ?&gt;
  
              &lt;th bgcolor="ffffff"&gt;&lt;/th&gt;
  
          &lt;?  }
          ?&gt;
  
          &lt;/tr&gt;
  
          &lt;tr bgcolor="#EAEAE9"&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;Start&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;End&lt;/th&gt;
  
          &lt;?
              for($a=0; $a&lt;count($jml_asr); $a++){
                  for($s=0; $s&lt;21; $s++){
          ?&gt;
  
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;%&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;IDR&lt;/th&gt;
  
          &lt;?      } ?&gt;
  
              &lt;th bgcolor="ffffff"&gt;&lt;/th&gt;
  
          &lt;?  }
          ?&gt;
  
          &lt;/tr&gt;
  
          &lt;tr&gt;
  
          &lt;?
              $sum = $db-&gt;query("select ... ");
  
          ?&gt;
  
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&amp;Sigma;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo $sum[0]['total']; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo $sum[0]['sum_antenna'] ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_tsi, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
  
          &lt;?
              for($a=0; $a&lt;count($jml_asr); $a++){
  
                  $sum_avg = $db-&gt;query("select ... ");
  
          ?&gt;
  
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_flexas'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_flexas_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_flexasafter'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_flexasafter_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_rsmdcc'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_rsmdcc_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_rsmdccafter'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_rsmdccafter_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_others'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_others_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_othersafter'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_othersafter_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_tsfwd'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_tsfwd_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_tsfwdafter'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_tsfwdafter_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_allrisk'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_allrisk_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_allriskafter'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_allriskafter_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_eqvet'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_eqvet_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_eqvetafter'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_eqvetafter_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_premi'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_premi_idr, ',', true); ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo number_format($sum_avg[0]['avg_premiafter'], 3, ',', '.')."%"; ?&gt;&lt;/th&gt;
              &lt;th bgcolor="#EAEAE9" align="center" class="defaultboldorange"&gt;&lt;? echo strstr($sum_premiafter_idr, ',', true); ?&gt;&lt;/th&gt;
  
              &lt;th bgcolor="ffffff"&gt;&lt;/th&gt;
          &lt;?
              }
          ?&gt;
  
          &lt;/tr&gt;
      &lt;/thead&gt;
  
      &lt;tbody&gt;
      &lt;tr&gt;&lt;td colspan="&lt;? echo (8+(43*count($jml_asr)));?&gt;" &gt;
      &lt;div class="innernew"&gt;
      &lt;table style="width:100%; height:100px;" cellspacing=1&gt;
        &lt;?
          $number=1;
          for ($count_all_data=0; $count_all_data&lt;count($get_all_data); $count_all_data++){                  
        ?&gt;    
  
          &lt;tr bgcolor="#E9F3F1"&gt;
              &lt;td class="Default col1" align="center" height="20"&gt;&lt;? echo $number; ?&gt;&lt;/td&gt;
              &lt;td class="Default col2" align="center"&gt;&lt;? echo $get_all_data[$count_all_data]['city_name']; ?&gt;&lt;/td&gt;
              &lt;td class="Default col3" align="left"&gt;&lt;? echo $get_all_data[$count_all_data]['site_name']; ?&gt;&lt;/td&gt;
              &lt;td class="Default col4" align="center" style="white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"&gt;&lt;? echo $get_all_data[$count_all_data]['site_address']; ?&gt;&lt;/td&gt;
              &lt;td class="Default col5" align="center"&gt;&lt;? echo $get_all_data[$count_all_data]['antenna']; ?&gt;&lt;/td&gt;
              &lt;td class="Default col6" align="center"&gt;&lt;? echo strstr(number_format(($get_all_data[$count_all_data]['TSI']/1000000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col7" align="center"&gt;&lt;? echo date('j M y', strtotime($get_all_data[$count_all_data]['date_start'])); ?&gt;&lt;/td&gt;
              &lt;td class="Default col7" align="center"&gt;&lt;? echo date('j M y', strtotime($get_all_data[$count_all_data]['date_end'])); ?&gt;&lt;/td&gt;
  
          &lt;?
              for($a=0; $a&lt;count($jml_asr); $a++){
              $get_data = $db-&gt;query("select ... ");
  
          ?&gt;
  
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['flexas'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['flexas_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['flexas_diskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['flexasdiskon_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['flexas_afterdiskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['flexasafter_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
  
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['rsmdcc'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['rsmdcc_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['rsmdcc_diskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['rsmdccdiskon_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['rsmdcc_afterdiskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['rsmdccafter_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
  
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['others'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['others_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['others_diskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['othersdiskon_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['others_afterdiskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['othersafter_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
  
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['tsfwd'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['tsfwd_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['tsfwd_diskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['tsfwddiskon_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['tsfwd_afterdiskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['tsfwdafter_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
  
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['allrisk'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['allrisk_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['allrisk_diskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['allriskdiskon_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['allrisk_afterdiskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['allriskafter_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
  
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['eqvet'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['eqvet_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['eqvet_diskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['eqvetdiskon_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['eqvet_afterdiskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['eqvetafter_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
  
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['premi'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['premi_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['premi_diskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['premidiskon_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo number_format($get_data[0]['premi_afterdiskon'], 5, ',', '.')."%"; ?&gt;&lt;/td&gt;
              &lt;td class="Default col8" align="center"&gt;&lt;? echo strstr(number_format(($get_data[0]['premiafter_idr']/1000), 3, ',', '.'), ',', true); ?&gt;&lt;/td&gt;
  
              &lt;td class="col9" bgcolor="ffffff"&gt;&lt;/td&gt;
          &lt;?
              }
          ?&gt;
  
          &lt;/tr&gt;
  
          &lt;? $number+=1; } ?&gt;
          &lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
          &lt;/table&gt;
          &lt;/div&gt;
      &lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my CSS</p>
  
  <pre><code> .defaultboldorange {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
    line-height: 13px;
    color : #e84e0f;
  }
  .default {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : normal;
    line-height: 13px;
    color : #666666;
  }
  .col1 { width:40px; }
  .col2 { width:60px; }
  .col3 { width:300px; }
  .col4 { width:150px; }
  .col5 { width:50px; }
  .col6 { width:50px; }
  .col7head { width:120px; }
  .col7 { width:58px; }
  .col8head { 
      width:2436px;
      /*width:2700px;*/ 
      }
  .col8 { width:58px; }
  .col9 { width:5px; }
  
  .outernew { 
      width:1250px;
      overflow-x:scroll;
      overflow-y:hidden;
      height:300px;
  }
  .innernew {
      overflow-y:scroll;
      overflow-x:hidden;
      height:200px;
  }
  </code></pre>
  
  <p>I didn't set the width for .innernew because it will be like this
  <a href="http://i.stack.imgur.com/ftcBY.png" rel="nofollow">table</a></p>
  
  <p>Any ideas? Thank you. It'll help me so much..</p>