columGroup的数据表在响应模式下出现问题

Question

我在Weblogic 11g上使用Sentinel 2.1和Primefaces 5.3，JSF 2.0。

＆＃xA;＆＃xA;

我们已经在上述规范上运行了很长时间的生产应用程序，除了以下内容之外没有任何问题。

＆＃xA;＆＃xA;

我有一个带有col span和row span的数据表。该表在桌面模式下看起来很好，但是当在响应模式下看到时，该表看起来很奇怪，并且用户无法理解该数据表。

＆＃xA;＆＃xA;

Xhtml

＆＃xA;＆＃xA;

 ＆lt; p：dataTable var =“esl”value =“＃{estleaves.eleaves}”reflow =“true”＆＃xA; ＆GT;＆＃XA;＆＃XA; ＆lt; p：columnGroup type =“header”＆gt;＆＃xA; ＆LT，P：行＆GT;＆＃XA; ＆lt; p：column rowspan =“2”headerText =“Employee”styleClass =“Wid10”/＆gt;＆＃xA; ＆lt; p：column colspan =“4”headerText =“Jan”/＆gt;＆＃xA; ＆lt; p：column colspan =“4”headerText =“Feb”/＆gt;＆＃xA; ＆LT; / P：行＆GT;＆＃XA;＆＃XA; ＆LT，P：行＆GT;＆＃XA; ＆lt; p：column headerText =“w1”styleClass =“Fs9”style =“padding-left：0; padding-right：0”/＆gt;＆＃xA; ＆lt; p：column headerText =“w2”styleClass =“Fs9”style =“padding-left：0; padding-right：0”/＆gt;＆＃xA; ＆lt; p：column headerText =“w3”styleClass =“Fs9”style =“padding-left：0; padding-right：0”/＆gt;＆＃xA; ＆lt; p：column headerText =“w4”styleClass =“Fs9”style =“padding-left：0; padding-right：0”/＆gt;＆＃xA;＆＃xA; ＆lt; p：column headerText =“w1”styleClass =“Fs9”style =“padding-left：0; padding-right：0”/＆gt;＆＃xA; ＆lt; p：column headerText =“w2”styleClass =“Fs9”style =“padding-left：0; padding-right：0”/＆gt;＆＃xA; ＆lt; p：column headerText =“w3”styleClass =“Fs9”style =“padding-left：0; padding-right：0”/＆gt;＆＃xA; ＆lt; p：column headerText =“w4”styleClass =“Fs9”style =“padding-left：0; padding-right：0”/＆gt;＆＃xA; ＆LT; / P：行＆GT;＆＃XA; ＆LT; / P：columnGroup＆GT;＆＃XA; ＆LT;号码：柱＆GT;＆＃XA; ＆lt; h：outputText value =“＃{esl.empName}”/＆gt;＆＃xA; ＆LT; / P：柱＆GT;＆＃XA; ＆lt; p：column styleClass =“Fs14”＆gt;＆＃xA; ＆lt; h：outputText value =“＃{esl.jan.w1}”/＆gt;＆＃xA; ＆LT; / P：柱＆GT;＆＃XA; ＆lt; p：column styleClass =“Fs14”＆gt;＆＃xA; ＆lt; h：outputText value =“＃{esl.jan.w2}”/＆gt;＆＃xA; ＆LT; / P：柱＆GT;＆＃XA; ＆lt; p：column styleClass =“Fs14”＆gt;＆＃xA; ＆lt; h：outputText value =“＃{esl.jan.w3}”/＆gt;＆＃xA; ＆LT; / P：柱＆GT;＆＃XA; ＆lt; p：column styleClass =“Fs14”＆gt;＆＃xA; ＆lt; h：outputText value =“＃{esl.jan.w4}”/＆gt;＆＃xA; ＆LT; / P：柱＆GT;＆＃XA;＆＃XA; ＆lt; p：column styleClass =“Fs14”＆gt;＆＃xA; ＆lt; h：outputText value =“＃{esl.feb.w1}”/＆gt;＆＃xA; ＆LT; / P：柱＆GT;＆＃XA; ＆lt; p：column styleClass =“Fs14”＆gt;＆＃xA; ＆lt; h：outputText value =“＃{esl.feb.w2}”/＆gt;＆＃xA; ＆LT; / P：柱＆GT;＆＃XA; ＆lt; p：column styleClass =“Fs14”＆gt;＆＃xA; ＆lt; h：outputText value =“＃{esl.feb.w3}”/＆gt;＆＃xA; ＆LT; / P：柱＆GT;＆＃XA; ＆lt; p：column styleClass =“Fs14”＆gt;＆＃xA; ＆lt; h：outputText value =“＃{esl.feb.w4}”/＆gt;＆＃xA; ＆lt; / p：column＆gt;＆＃xA;  

＆＃xA;＆＃xA;

＆＃xA;＆＃xA;

数据广告的屏幕截图桌面模式＆＃xA;

＆＃xA;＆＃xA;

关于iPhone像素响应模式的Datatable屏幕截图...＆＃xA;

＆＃xA;