表格列被裁剪@较低分辨率（800 x 600及更低）

Question

嗯，我有一个非常讨厌的问题：我的表格列在较低分辨率下会被切断，特别是@ 800 x 600.

以下是它应该如何显示的示例（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>

的CSS：

.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%;}

它可能是什么？