0

我使用组件 b: dataTable with responsive = "true"，当我在 PC 上更改浏览器的大小并减小窗口宽度时，它可以完美运行，但是，当我在真正的 5" 手机上测试同一页面时，数据表失去了所有特征（它不会隐藏第一个单元格中的值列标题、页脚、分页器、列可见性按钮、复制和 CSV 中的排序图标全部消失）。所有其他响应组件工作正常.

我的 b:dataTable 代码：

<b:row id="idFilaDatosHistoricos">
    <b:dataTable id="idReport" var="rep" style="width:100%"
        value="#{operationReportBean.report}"
        rendered="#{not empty operationReportBean.report}"
        searching="false" lang="es" copy="true" csv="true" excel="true"
        columnVisibility="true" scroll-horizontally="true" col-xs="12"
        responsive="true">

        <b:dataTableColumn value="#{rep.service.contractNumber}"
            label="#{msg['servicio']}"></b:dataTableColumn>
        <b:dataTableColumn value="#{rep.service.phoneNumber}"
            label="#{msg['telefono']}"></b:dataTableColumn>
        <b:dataTableColumn value="#{rep.service.referenceNumber}"
            label="#{msg['telRefShort']}"></b:dataTableColumn>
        <b:dataTableColumn label="#{msg['date']}">
            <h:outputText value="#{rep.date}" style="font-size: 10px;">
                <f:convertDateTime type="date" pattern="dd/MM/yyyy HH:mm:ss"
                    timeZone="America/Argentina/Buenos_Aires" />
            </h:outputText>
        </b:dataTableColumn>
        <b:dataTableColumn value="#{rep.technician}"
            label="#{msg['tecnichian']}"></b:dataTableColumn>
        <b:dataTableColumn label="#{msg['tipoOperacion']}">
            <ui:param name="idTypeOperation" value="#{rep.type}" />
            <h:outputText value="#{msg[idTypeOperation]}" />
        </b:dataTableColumn>
        <b:dataTableColumn label="#{msg['stateOperation']}">
            <ui:param name="idStateOperation" value="#{rep.state}" />
            <h:outputText value="#{msg[idStateOperation]}" />
        </b:dataTableColumn>
        <b:dataTableColumn value="#{rep.serialNumber}"
            label="#{msg['serialNumber']}"></b:dataTableColumn>
        <b:dataTableColumn value="#{rep.serialNumberOld}"
            label="#{msg['serialOld']}"></b:dataTableColumn>
        <b:dataTableColumn value="#{rep.comments}"
            label="#{msg['comentarios']}"></b:dataTableColumn>
    </b:dataTable>
</b:row>
4

1 回答 1

1

我发现问题出在服务器上，而不是设备上。在 localhost 中，页面按描述工作，在我的预生产服务器上，页面和组件工作正常。唯一的问题是页脚和分页器中的文本以西班牙语显示，按钮中的文本（列的可见性，副本）以英语显示，但这不是主要问题。

于 2018-05-15T13:15:33.043 回答