宽度为 100% 的表格不起作用，表格不适合 chrome 浏览器窗口大小

Question

width: 100%的表不起作用，在chrome中如何适应整个表与Chrome浏览器窗口大小。表中的多个表使表变大。

我在表中有多个表，如下所示：

 <table style="width:100%">
        <tr>
            <td>
             <label> Version </label>
            </td>
            <td ng-repeat="----" >
                 <table style="border-collapse:collapse;border-style:hidden;">
                    <tr>
                        <td colspan="{{List.length}}" > 
                            {{abc}}
                        </td>
                    </tr>
                    <tr >
                       <span ng-init="getUnique(---)">
                        <td ng-repeat="--">
                           {{abc}}    
                        </td>                     
                    </tr>
                    <tr>
                      <span ng-init="getUnique(---)">
                        <td ng-repeat="--" >
                                  <table style="border-collapse:collapse;">
                                        <tr>
                                                 <td ng-repeat="--" >
                                                    {{abc}}
                                                </td>
                                        </tr>
                                    </table>
                          </td>  
                    </tr>
                 </table>         
            </td>
      </tr>  

Answer 1

您可以做的就是制作滚动条。

您可以通过DIV包装并设置overflow: scroll

<div style="width: 100%; overflow: scroll;">
  <table style="width:100%">

请参阅结果https://jsfiddle.net/jen3dw6e/9/

Answer 2

请访问此URL，您将获得分辨率。

` https://jsfiddle.net/imraushanshrivastva/ubp466yf/`