Question

我使用组件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>

Answer 1

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

b：dataTable的奇怪行为

1 个答案: