[RESOLVIDO]Alterar Visualização dos dados na Datatable com JSF e PRIMEFACES

Programação
, ,
#1

Pessoal, boa tarde.
Tudo bem?
Então. Estou precisando de uma grande ajuda em relação a visualização dos dados na minha Datatable.
Pois gostaria que os meus dados após o <p:headerRow/> fossem quebrados.
Segue uma imagem de como está:

image
image.png1592×739 14.6 KB

Mas eu gostaria que ficasse, assim:
image
image.png851×382 35 KB

Conforme a segunda coluna.

Segue código .xhtml:

<ui:composition xmlns=“http://www.w3.org/1999/xhtml”
xmlns:ui=“http://java.sun.com/jsf/facelets”
xmlns:h=“http://java.sun.com/jsf/html”
xmlns:p=“http://primefaces.org/ui”
xmlns:f=“http://java.sun.com/jsf/core”
template="/WEB-INF/templates/template.xhtml">

<ui:define name="head-end">
    <style type="text/css">
        .ui-grid-row .ui-grid-col-2,
        .ui-grid-row .ui-grid-col-10 {
            padding: 0.5em 0;
            margin-left: 10px;
        }

        .ui-orderlist .ui-orderlist-list {
            height: auto;
        }

        .ui-orderlist .ui-grid-row .ui-grid-col-2,
        .ui-orderlist .ui-grid-row .ui-grid-col-10 {
            padding: 0;
        }

    </style>
    <style type="text/css">
        .ui-g div {
            background-color: #ededed;
            text-align: center;
            border: 1px solid #fafafa;
        }
    </style>

</ui:define>

<ui:define name="title">
    Monitor
</ui:define>

<ui:define name="description">
    Gerencie as senhas aguardando atendimento
</ui:define>

<ui:define name="body">
    <div class="box box-primary right">
        <div class="box-header with-border right">
            <h:form id="consultarmonitor">
                <p:panel class="ui-g-12">
                    <legend>Pesquisar</legend>
                    <div class="ui-g-12">
                        <div class="ui-g-12 ui-md-4">
                            <div class="ui-inputgroup">
                                <p:inputText placeholder="Buscar Senha" value="#{monitorChamadaClienteMB.monitorcliente}"/>
                                <p:commandButton update=":consultarmonitor:overviewTableUser" ajax="false" actionListener="#{monitorChamadaClienteMB.consultarAction()}" icon="fa fa-search" styleClass="btn-info"/>
                            </div>
                        </div>
                    </div>
                </p:panel>

                <p:spacer height="20px"/>

                <p:poll interval="10"
                        update="overviewTableUserMonitor"
                        global="false"
                        delay="10">
                    <div class="ui-xs-12">
                        <p:dataTable var="item" 
                                     value="#{monitorChamadaClienteMB.listarmonitorsenhatransferchamadacliente}"
                                     sortBy="#{item.servicotransfer.nomeservico}"
                                     emptyMessage="Nenhum Registro Encontrado."
                                     styleClass="responsive-table striped display" 
                                     id="overviewTableUserMonitor"
                                     paginatorPosition="bottom"
                                     expandableRowGroups="true"
                                     >
                            <p:headerRow>
                                <p:column>
                                    <h:outputText value="#{item.siglatriagemalternativa}"/>-<h:outputText value="#{item.servicotransfer.nomeservico}"/>
                                </p:column>
                            </p:headerRow>
                            <div class="ui-g">
                                <div class="ui-g-1">
                                    <p:column>
                                        <ui:repeat var="value" value="#{item.nometriagemachamadacliente}" varStatus="status">
                                            <p:commandLink value="#{value}" />
                                        </ui:repeat>
                                    </p:column>
                                </div>
                            </div>
                        </p:dataTable>
                    </div>
                </p:poll>
            </h:form>
        </div>
    </div>
</ui:define> </ui:composition>

Desde já, muito obrigado!