如何对齐在Tab内的Primefaces数据表？

Question

嗨，我有这段代码......

<p:tab title="Explore More" >
                    <ui:insert name="sideMenu">
                        <ui:include src="../ST/InterestingNumberList.xhtml" />

                    </ui:insert>

和

  

InterestingNumberList.xhtml

包含数据表。如何在Tab？My Interesting Numberlist页面中将整个Datatable左侧对齐

<div class="col1" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">


    <h:form prependId="false">
        <p:dataTable id="companyList" rows="10" style="text-align:left"
            value="${bean_numbers_list}" var="num_feature">
            <p:column  >
                <h:outputLink styleClass="morelinks"
                    value="${facesContext.externalContext.requestContextPath}/topStocks/${num_feature.name}">
                    <h:outputText value="#{num_feature.shortDesc}" />
                    <f:ajax event="click" immediate="true" />
                </h:outputLink>
            </p:column>
        </p:dataTable>
    </h:form>
</div>

屏幕我在列表框上添加了红色矩形，我想要左对齐。