Стол выхода из печати горизонтальный

Question

У меня есть таблица с динамическими столбцами, она корректно отображается при открытии страницы, однако, когда я пытаюсь распечатать ее как pdf, google chrome, параметр печати, сохранить как pdf, столбцы справа обрезаются (только некоторыеиз них доступны)

как решить эту проблему

Я пытался

<style>
  @page{
    size:landscape;
  }
</style>

, но, похоже, не работает

        <div class="col-md-12">
        <table class="table table-sm table-bordered">
            <thead>
                <tr style="background-color:#00205b">
                        <th style="color:#ffffff;border-bottom-color:#bf0d3e;" rowspan="2">#</th>
                        <th style="color:#ffffff;border-bottom-color:#bf0d3e;" rowspan="2">Employee/Dependent</th>
                        <th style="color:#ffffff;border-bottom-color:#bf0d3e;" rowspan="2">Relationship</th>
                        <apex:repeat value="{!planHeaderMap }" var="planName">
                            <th style="color:#ffffff;text-align:center;" colspan="2">{!planName}</th>
                        </apex:repeat>
                    </tr>
                    <tr style="background-color:#00205b">
                        <apex:repeat value="{!planHeaderMap}" var="planMeta">
                            <apex:repeat value="{!planHeaderMap[planMeta]}" var="planMetavalue">
                                <th style="color:#ffffff;border-bottom-color:#bf0d3e;">{!planMetavalue}</th>
                            </apex:repeat>
                        </apex:repeat>
                </tr>
            </thead>
            <tbody>
                <apex:repeat value="{!qliWrapperMainList}" var="qliWrapperlist">
                    <apex:repeat value="{!qliWrapperlist}" var="qliWrapper">
                        <tr style="background-color:#fafafa">
                            <td>{!qliWrapper.seq_number}</td>
                            <apex:outputPanel rendered="{!(qliWrapper.relation==null)}">
                                <td>{!qliWrapper.Name}</td>
                            </apex:outputPanel>
                            <apex:outputPanel rendered="{!(qliWrapper.relation!=null)}">
                                <td style="padding-left:20px;">-&nbsp;{!qliWrapper.Name}</td>
                            </apex:outputPanel>
                            <td>{!qliWrapper.relation}</td>
                            <apex:repeat value="{!planMetadataMap}" var="planMain">
                                <apex:repeat value="{!planMetadataMap[planMain]}" var="mapSubPlan">
                                    <td>${!qliWrapper.planMap[planMetadataMap[planMain][mapSubPlan]]}</td>
                                </apex:repeat>
                            `</apex:repeat>
                        </tr>
                    </apex:repeat>
                    <tr>
                        <td style="border-bottom-color:#533278;"></td>
                        <td style="border-bottom-color:#533278;"></td>
                        <td style="border-bottom-color:#533278;text-align:right">Family Total</td>
                        <apex:repeat value="{!planMetadataMap}" var="planMain">
                            <apex:repeat value="{!planMetadataMap[planMain]}" var="mapSubPlan">
                                <td style="border-bottom-color:#533278;text-align:right">${!qliWrapperlist[0].planTotal[planMetadataMap[planMain][mapSubPlan]]}</td>
                            </apex:repeat>
                        </apex:repeat>
                    </tr>
                </apex:repeat>
            </tbody>
        </table``
    </div>

Таблицане должно быть усечено по горизонтали при печати. ​​A