Html 表格列在较低分辨率（800 x 600及以下）下被裁剪

嗯，我有一个非常恼人的问题：我的表列在较低的分辨率下不断被截断，特别是@800x600

下面是一个示例，说明它的外观（1920 x 1080）：

以下是它在800x600时的外观：

编辑：

html:

---

可能是什么？

请发布您的代码，以便我们可以查看问题并提供相应的帮助/建议。这些代码远远不够。我做了，但它不像你的截图。那么，您能否创建一个示例来演示这个问题？

<div class="tablewrapper">
  <div class="center2">    
    <div class="component">   
        <table>
            <tr>
            <c:forEach items="${nombreColumnas}" var="columnas" >
                <th><c:out value="${columnas}"/></th>
            </c:forEach>
            </tr>  
            <c:forEach items="${suscripciones}" var="item" >
                <tr>
                    <td><c:out value="${item.idSuscripcion}"/></td>
                <td><c:out value="${item.nombreCompleto}"/></td>
                <td><c:out value="${item.fechaUltimoPago}"/></td> 
                <td><a href="">
                        <button type="button" class="button-table"><i class="fa fa-plus-circle"></i> Asignar apadrinado</button></a></td>                   
                </tr>                                     
            </c:forEach>
        </table>     
    </div>
</div>

.tablewrapper {
display: inline-block;

position: relative;
margin-left: 10%;
width:80%;
max-width: 80%; }     

.center2 {
display: inline-block;
position: relative;
margin-right: 100px;
width:100%;
max-width: 100%;}