Wrong rendering of p:datatable with f:facet

[Sajjad cc]

p:datatable not render perfectly

<p:dataTable id="campaignSummaryTable" var="mout" value="#{campaignSummarySearchRes.summaryList}" height="500" scrollable="true"  >
                <p:column ><f:facet name="header">Campaign Code</f:facet><h:outputText value="#{mout.shortCode}"/> </p:column>
                <p:column ><f:facet name="header">Message</f:facet><h:outputText value="#{mout.message}"/> </p:column>
                <p:column ><f:facet name="header">Option 1</f:facet><h:outputText value="#{mout.option1}"/> </p:column>
                   <p:column ><f:facet name="header">Option 2</f:facet><h:outputText value="#{mout.option2}"/> </p:column>
                   <p:column ><f:facet name="header" >Option 3</f:facet><h:outputText value="#{mout.option3}"/>    </p:column>
                         <p:column ><f:facet name="header">Option 4</f:facet><h:outputText value="#{mout.option4}"/> </p:column>
                         <p:column ><f:facet name="header">Other</f:facet><h:outputText value="#{mout.other}"/> </p:column>
            </p:dataTable>