选项卡中的数据表自动滚动无法正常工作

Question

这是我的代码

<p:tab>
    <p:dataTable  var="car"
                  value="#{dtScrollView.cars}"
                  scrollRows="10"
                  scrollable="true"
                  liveScroll="true"
                  scrollHeight="150">

        <f:facet name="header">
            <h:outputText value="cclist" />
        </f:facet>

        <p:column headerText="Year"  style="width:100% !important;" rendered="true">
            <h:outputText value="#{car.year}"/>
        </p:column>
        <p:column headerText="Brand" style="width:100% !important;" rendered="true">
            <h:outputText value="#{car.manufacturer}"/>
        </p:column>
        <p:column headerText="Color"  style="width:100% !important;" rendered="true" >
            <h:outputText value="#{car.color}"/>
        </p:column>
    </p:dataTable>
</tab> <!-- This should be </p:tab> -->

没有添加样式宽度100％数据甚至不可见所以我设置宽度100％， 问题是列未正确对齐 这是屏幕截图