JS如何设置一个table宽度不受父容器宽度影响

Question

如题，当table嵌套的时候如何让内层的table宽度不受到外层table宽度的限制
因为现在内层table中的数据比较长，如果还是限制为外层table的宽度的话内容就会竖起来显示了，忒难看

Answer 1

这个貌似不行。父table不设置宽度试试

Answer 2

是想内层table不换行吗？代码结构 带数据 放上来看看

Answer 3

默认的情况下  即便外table限制宽度
但内table依然会撑破外table的宽度
你大概设定了其它的属性

Answer 4

<table>
<tr>
<td width="300px">    
<table id="DDS"  cellpadding="0" border="1" cellspacing="0" >
        <tr>
            <td width="100" >
                01
            </td>
            <td width="100" >
                02
            </td>
            <td width="100" >
                03
            </td>
        </tr>
        <tr>
            <td>
                04
            </td>
            <td>
                09
            </td>
            <td >
                10
            </td>
        </tr>
        <tr>
            <td>
                05
            </td>
            <td>
                08
            </td>
            <td>
                11
            </td>
        </tr>
        <tr>
            <td>
                06
            </td>
            <td>
                07
            </td>
            <td>
                12
            </td>
        </tr>
    </table>
    </td>
</tr>
</table>介个是代码结构，没设置其他样式，如果里面的数据不是数字变多了的话则会吧列给竖起来

Answer 5

设置外层td的CSS 
width:100px;overflow:scroll;
里面的table 设置一个固定宽度  固定为px 应该不会换行吧