怎么给table加滚动条？

固定一个table大小，量到一定得时候就加滚动条，不然的话table就被数据 撑大了

解决方案 »

  1.   

    一般如果要滚动条的话。都给给table加上一个宽和高的属性，然后通过overflow-x:scroll;overflow-y:scroll可以了。具体如下： <table style="height:300px;width:400px;overflow-x:scroll;overflow-y:scroll;word-break:break-all" >word-break:break-all是让表格里面的过长文件进行自动换行的。。
      

  2.   

    一采用div的形式，这样的好处就是你的表可以不断的循环，让数据列到div中
      

  3.   

    楼上两位怎么知道楼主是问web方面的问题。 他要是问的swt呢？
      

  4.   

    3楼的 你的swt在j2ee中发啊？
    <html>
    <head></head>
    <body>
    <table width="605"  border="0" cellpadding="0" cellspacing="1" bgcolor="#0099CC">
      <tr> 
        <th width="25%" nowrap><font color="#FFFFFF"> 123 </font></th>
        <th width="25%" nowrap><font color="#FFFFFF"> 456 </font></th>
        <th width="25%" nowrap><font color="#FFFFFF"> 789 </font></th>
        <th width="25%" nowrap><font color="#FFFFFF"> abc </font></th>
      </tr>
    </table>
    <span style="overflow-y:scroll;height:100px;width:320px">
    <table width="605" height="219"  border="0" cellpadding="0" cellspacing="1" bgcolor="#0099CC">
      <tr bgcolor="#FFFFFF"> 
        <td width="25%"> 1</td>
                    
        <td width="25%"> 4</td>
                    
        <td width="25%"> 7</td>
                    
        <td width="25%"> a</td>
      </tr>
            
      <tr bgcolor="#FFFFFF"> 
        <td > 2</td>
                    
        <td > 5</td>
                    
        <td> 8</td>
                    
        <td> b</td>
      </tr>
            
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td> 3 </td>
                    
        <td> 6 </td>
                    
        <td> 9 </td>
                    
        <td > c </td>
      </tr>
    </table>
    </span><p>&nbsp;</p>
    <h3><em><font face="Georgia, Times New Roman, Times, serif">解释：</font></em></h3>
    <table width="600" border="1">
      <tr>
        <th width="72" scope="row">第一步</th>
        <td width="505">建立表头 表体 使之各个属性一样 </td>
       
      </tr>
      <tr>
        <th scope="row">第二步</th>
        <td>将所要显示滚动条的标题放入指定的div或span中，并在div中定义属性overflow-y:scroll&quot;等</td>
     
      </tr>
      <tr>
        <th scope="row">第三步</th>
        <td>设置div的长度宽度 一般高度就是显示滚动条的限度</td>  </tr>
    </table><body>
    <html>
    看一下 就明白了 数据超过div设置的范围就有滚动条了
      

  5.   

    jTable.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);水平滚动条
      

  6.   

    <style> 
    .divcontent{   
    overflow:auto;
    height:   890px; 
    }     
    </style> 调用的时候 加上class= "divcontent"就行；