1. 首页
  2. 问答
  3. IE 11和IE 8中的Html表格对齐问题

IE 11和IE 8中的Html表格对齐问题

2015-06-09 115 views
0

我已经创建了一个带有固定标题和可滚动主体的HTML表格。但是，当我调整浏览器窗口大小或放大或缩小浏览器表格对齐更改。即使浏览器窗口被调整大小或放大或缩小，我也想查看完整的表格。IE 11和IE 8中的Html表格对齐问题

，我需要它在IE 11和IE 8

我试图从谷歌的许多解决方案的工作，但我不能使它工作。

请帮忙，我很需要这个问题的解决方案。

这里是小提琴： Scrollable Table

<html> 
<head> 
<style> 
div td{ 
text-align: center; 
} 
</style> 
<script language="Javascript"> 
window.onload = init; 
window.onresize = init; 

function init() { 
var eTable = document.getElementById("headers"); 
    if (eTable != null){ 

eTable.style.width = document.getElementById('data').offsetWidth; 
document.getElementById('th1').style.width = document.getElementById('td1').offsetWidth; 
document.getElementById('th2').style.width = document.getElementById('td2').offsetWidth; 
document.getElementById('th3').style.width = document.getElementById('td3').offsetWidth; 
document.getElementById('th4').style.width = document.getElementById('td4').offsetWidth; 
document.getElementById('th5').style.width = document.getElementById('td5').offsetWidth; 
document.getElementById('th6').style.width = document.getElementById('td6').offsetWidth; 
document.getElementById('th7').style.width = document.getElementById('td7').offsetWidth; 
document.getElementById('th8').style.width = document.getElementById('td8').offsetWidth; 
    document.getElementById('th9').style.width = document.getElementById('td9').offsetWidth; 
} } 


</head> 
    <body> 
    <table id="headers" width="100%"> 
      <thead> 
      <tr bgcolor="blue"> 
      <th align="center" id="th1">Head 1<br></th>      
      <th align="center" id="th2">Head 2<br> 
     </th> 
     <th align="center" id="th3"> 
      Head 3<br> 
     </th> 
     <th align="center" id="th4"> 
      Head 4<br> 
     </th>   
     <th align="center" id="th5"> 
      Head 5<br> 
     </th>   
     <th align="center" id="th6"> 
      Head 6<br> 
     </th>   
     <th align="center" id="th7"> 
      Head 7<br> 
     </th>   
     <th align="center" id="th8"> 
      Head 8<br> 
     </th> 
     <th align="center" id="th9"> 
      Head 9<br> 
     </th> 
     </tr></thead> 
</table> 
     <div style="height: 275px; overflow-y: auto;"> 

     <table id="data" width="100%"> 


       <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> 
       <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> <tr bgcolor="#EEEEEE"> 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 
        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 
        </tr> 

      </table> 
     </div> 
</body>

来源

2015-06-09 Bijay Singh

+0

我很确定IE8不支持这种类型的任何内容，但是您可以为IE11设置@media大小来执行您正在查找的内容。 –

+0

我还没有试过@media，但我已经更新了代码，并且更改了小提琴......任何人都可以请再次检查 –

+0

好的，如果您今天下午没有答案。当我下班时，我会做到这一点。添加小提琴帮助一吨！ –

回答

0

所以很多的谷歌搜索后，通过在计算器中提到许多解决方案去，我终于得到了解决对这个问题，所以我在这里分享它，这里是代码，这是我的工作：

<html> 
<head> 
<style> 
#table-wrapper { 
position:absolute; 
left: 30px; 
top: 50px; 
} 
#table-scroll { 
height:250px; 
overflow-y: auto; 
overflow-x: hidden; 
} 

#table-scroll table { 
height: 250px; 
} 
#table-wrapper table { 
width: 1300px; 
display: block; 
} 

#table-wrapper table thead th .text { 
position:absolute; 
top:-20px; 
z-index:2; 
height:20px; 
border:1px solid red; 
} 

#table-wrapper table thead th{ 
background-color: orange; 
height: 25px; 
} 

#table-wrapper table tbody td{ 
background-color: grey; 
} 
</style> 

</head> 
<body> 
<div id="table-wrapper"> 


<table id="headers"> 
     <thead><tr> 
      <th align="center" id="th1" width = "9%;"> 
      Head 1<br> 
     </th>       
     <th align="center" id="th2" width = "28%;"> 
      Head 2<br> 
     </th> 
     <th align="center" id="th3" width = "9%;"> 
      Head is longer<br> 
     </th> 
     <th id="th4" width = "9%;"> 
      Head is even more lengthy than others<br> 
     </th>  

     </th> 
     <th align="center" id="th5" width = "13%;" > 
      Head 5<br> 
     </th>         
     <th align="center" id="th6" width = "8%;"> 
      Head 6<br> 
     </th>   
     <th align="center" id="th7" width = "8%;"> 
      Head 7<br> 
     </th>   
     <th align="center" id="th8" width = "8%;"> 
      Head 8<br> 
     </th> 
     <th align="center" id="th9" width = "8%;"> 
      Head 9<br> 
     </th> 
     </tr></thead> 
</table> 

     <div id="table-scroll"> 

     <table id="data"> 

      <tbody> 

       <tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr><tr > 
        <td id="td1" width="9%">column 1 

        </td> 
        <td id="td2" width="28%"> 
         COlumn 2 
        </td> 
        <td id="td3" width="9%"> 
         Column 3 
        </td> 
        <td id="td4" width="9%"> 
         Column 4 
        </td> 

        <td id="td5" width="13%"> 
        Column 5 
        </td> 
       <td id="td6" width="8%"> 
        Column 6 
        </td> 
       <td id="td7" width="8%"> 
        Column 7 
        </td> 
       <td id="td8" width="8%"> 
        Column 8 
        </td> 
       <td id="td9" width="8%"> 
        Column 9 
        </td> 

        </tr> 
       </tbody> 
      </table> 
     </div> 
    </div> 
</body> 
</html>

来源

2015-06-11 04:32:43

相关问题

 相关问题