Datatable scrollable not working

[yimlai]

I use the datatable as followed:

Code: Select all

<p:dataTable var="list" value="#{qbean.lazyDetailDataModel}" paginator="true" rows="10"
			                 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
			                 id="detailBeanTable" lazy="true" filterEvent="enter" rowIndexVar="rowIndex" tableStyle="width:100%;"
			                 style="table-layout: fixed;word-wrap: break-word;font-size:8pt;text-align:left;" scrollable="true" scrollWidth="836">

I set all the p:column width but the table is not scrollable and the scroll is also not seen for the table.

I view the HTML code of the content, and found that all the <col>s in <colgroup> do not have the style width. What did I miss out?