HTML/CSS：如何为tr创建滚动条

有人能告诉我如何为内部表创建滚动条吗？内部表格不显示在容器内。我将容器的背景着色为黄色。桌子本身是蓝色的。HTML/CSS：如何为tr创建滚动条

我想看看表格内的滚动条。

这里：

<html> 
<body> 
<div style="width:1000px;margin-left:auto;margin-right:auto;background-color: yellow; height: 1000px;"> 
    <table style="background-color: blue"> 
     <tr> 
      <th>column1</th> 
      <th>column2</th> 
      <th>column3</th> 
      <th>column4</th> 
     </tr> 
     <tr> 
      <td>columnvalue1</td> 
      <td>columnvalue2</td> 
      <td>columnvalue3</td> 
      <td>columnvalue4</td> 
     </tr> 
     <tr> 
      <td colspan="4"> 
       <table> 
        <tr> 
         <th>SubColumn1</th> 
         <th>SubColumn2</th> 
         <th>SubColumn3</th> 
         <th>SubColumn4</th> 
         <th>SubColumn5</th> 
         <th>SubColumn6</th> 
         <th>SubColumn7</th> 
         <th>SubColumn8</th> 
         <th>SubColumn9</th> 
         <th>SubColumn10</th> 
         <th>SubColumn11</th> 
         <th>SubColumn12</th> 
         <th>SubColumn13</th> 
         <th>SubColumn14</th> 
        </tr> 
        <tr> 
         <td>subvalue1</td> 
         <td>subvalue2</td> 
         <td>subvalue3</td> 
         <td>subvalue4</td> 
         <td>subvalue5</td> 
         <td>subvalue6</td> 
         <td>subvalue7</td> 
         <td>subvalue8</td> 
         <td>subvalue9</td> 
         <td>subvalue10</td> 
         <td>subvalue11</td> 
         <td>subvalue12</td> 
         <td>subvalue13</td> 
         <td>subvalue14</td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
</div> 
<body> 
</html>

来源

2011-02-07 Benjamin

哪一部分是“内桌？” – Kyle 2011-02-07 09:23:01

使用发现：D哈哈：D我也必须看两次...德 – Shrinath 2011-02-07 09:32:20

你想从过去3天这样做？： http://stackoverflow.com/questions/4898187/how-to-create-a-table-within-a-legend-with-overflow-x 我看到你回答@Kyle Sevenoaks在那里工作..这里也差不多！ – Shrinath 2011-02-07 09:57:29

请尝试对DIV部分

<div style="overflow:scroll width:1000px;margin-left:auto;margin-right:auto; 
background-color: yellow; height: 1000px;">

如果失败，尝试溢出：滚动表的风格。

来源

2011-02-07 09:22:33 Oralet

对不起，我标记了我的删除。 – pdinklag 2011-02-07 09:30:54

用div包裹你的内表。通过将宽度和高度样式与溢出一起作为自动或滚动来使该div可滚动。

<div style="width:1000px;margin-left:auto;margin-right:auto;background-color: yellow; height: 1000px;"> 
<table style="background-color: blue"> 
    <tr> 
     <th>column1</th> 
     <th>column2</th> 
     <th>column3</th> 
     <th>column4</th> 
    </tr> 
    <tr> 
     <td>columnvalue1</td> 
     <td>columnvalue2</td> 
     <td>columnvalue3</td> 
     <td>columnvalue4</td> 
    </tr> 
    <tr> 
     <td colspan="4"> 
      <div style="max-height: 100px; max-width: 100px; width: 100px; overflow: auto;"> 
      <table> 
       <tr> 
        <th>SubColumn1</th> 
        <th>SubColumn2</th> 
        <th>SubColumn3</th> 
        <th>SubColumn4</th> 
        <th>SubColumn5</th> 
        <th>SubColumn6</th> 
        <th>SubColumn7</th> 
        <th>SubColumn8</th> 
        <th>SubColumn9</th> 
        <th>SubColumn10</th> 
        <th>SubColumn11</th> 
        <th>SubColumn12</th> 
        <th>SubColumn13</th> 
        <th>SubColumn14</th> 
       </tr> 
       <tr> 
        <td>subvalue1</td> 
        <td>subvalue2</td> 
        <td>subvalue3</td> 
        <td>subvalue4</td> 
        <td>subvalue5</td> 
        <td>subvalue6</td> 
        <td>subvalue7</td> 
        <td>subvalue8</td> 
        <td>subvalue9</td> 
        <td>subvalue10</td> 
        <td>subvalue11</td> 
        <td>subvalue12</td> 
        <td>subvalue13</td> 
        <td>subvalue14</td> 
       </tr> 
      </table> 
      </div> 
     </td> 
    </tr> 
</table>

应该工作

来源

2011-02-07 09:31:28 Shrinath

包装你的表有一个div，这将具有相同的宽度与container和overflow:scroll

例子：http://jsbin.com/uheha4

来源

2011-02-07 09:35:29 Sotiris

HTML/CSS：如何为tr创建滚动条

回答

相关问题