我需要一些区域滚动条在表中？

Question

请找到图像，您可以查看jan和dec列，我需要为该两列放置一个滚动条，意义上两列空间区域的月份为1月。

这是可能的桌子吗？

请帮帮我!!!

感谢

上面的问题得到了很好的答案。

另一个帮助！

http://jsfiddle.net/anglimass/Ty29z/

请找图片，你可以查看（供应商1报价）和（供应商6报价）专栏中，我需要把该两个栏滚动条在这个意义上两列的空间区域（供应商1报价）（供应商6报价）供应商详细信息。

Answer 1

试试这个：

HTML

<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2"> 
<tbody> 
    <tr> 
     <th>Header 1</th> 
     <th>Header 2</th> 
     <th colspan="1" rowspan="5" style="border: medium none ; width: 100px; vertical-align: top;"> 
      <div class="inner-table"> 
       <table style="text-align: left; width: 500px; border:none" border="1" cellpadding="2" cellspacing="2"> 
       <tbody> 
        <tr> 
         <th>Header 1</th> 
         <th>Header 2</th> 
         <th>Header 3</th> 
         <th>Header 4</th> 
        </tr> 
        <tr> 
         <td>a</td> 
         <td>a</td> 
         <td>a</td> 
         <td>a</td> 
        </tr> 
        <tr> 
         <td>b</td> 
         <td>b</td> 
         <td>b</td> 
         <td>b</td> 
        </tr> 
        <tr> 
         <td>c</td> 
         <td>c</td> 
         <td>c</td> 
         <td>c</td> 
        </tr> 
       </tbody> 
       </table> 
      </div> 
     </th> 
     <th>Header 4</th> 
    </tr> 
    <tr> 
     <td>a</td> 
     <td>a</td> 
     <td>a</td> 
    </tr> 
    <tr> 
     <td>b</td> 
     <td>b</td> 
     <td>b</td> 
    </tr> 
    <tr> 
     <td>c</td> 
     <td>c</td> 
     <td>c</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
</tbody> 
</table> 

CSS

.inner-table { 
    width:100px; 
    overflow-x:scroll; 
} 

th { 
    height:20px; 
} 

演示

http://jsfiddle.net/andresilich/caq8F/4/

您可以用CSS来轻松获得相同的样式。

::编辑::清理代码和更新小提琴包括一些滚动条的空间。

Answer 2

我不相信这是可能的。我尝试了一个colgroup的样式，但这不起作用。

Example of tried solution。

我认为这样做的唯一方法是将你的桌子分成三个独立的桌子，中间用一个包装div。

Example of split up table with div separator。