Here is my \[code\]acefaces datatable\[/code\]
\[code\]<ace:dataTable id="tbl" value="http://stackoverflow.com/questions/15469764/#{mainSearch.searchResult}" var="srvc" paginator="true" paginatorPosition="bottom" rows="10" emptyMessage="No Record Present Yet" rowsPerPageTemplate="10,25,50,100" rowIndexVar="row" rowStyleClass="#{row mod 2 eq 0?'none':'skyBlue'}"> <ace:column headerText="Category" sortBy="#{srvc.groupName}" filterBy="#{srvc.groupName}" filterMatchMode="contains"> <h
utputText value="http://stackoverflow.com/questions/15469764/#{srvc.groupName}"/> </ace:column> <ace:column headerText="Service Number" sortBy="#{srvc.serviceNumber}" filterBy="#{srvc.serviceNumber}"filterMatchMode="contains"> <hutputText value="http://stackoverflow.com/questions/15469764/#{srvc.serviceNumber}"/> </ace:column> <ace:column headerText="Shift" sortBy="#{srvc.shift}" filterBy="#{srvc.shift}" filterMatchMode="contains"> <hutputText value="http://stackoverflow.com/questions/15469764/#{srvc.shift}"/> </ace:column></ace:dataTable>\[/code\]Now this datatable is showing on my whole page.I can fix its height by \[code\]<ace:datatable height=..\[/code\] but I didn't find any width attribute.I also tried to set its width using CSS (using style attribute on both header, datatable) but it didn't work.Now I am stuck here and unable to find that How can I minimize its width.
Note: The only way that worked for me was to small the header text.For instance, As my first row header is Category.Now If I repalced it with just CAT then whole row gets shrink.It mean first of all I need to squeez the text(as it is my guess).Is there anyway that without poking this text? If not, then how can I resize this text and shortened this datatable?
\[code\]<ace:dataTable id="tbl" value="http://stackoverflow.com/questions/15469764/#{mainSearch.searchResult}" var="srvc" paginator="true" paginatorPosition="bottom" rows="10" emptyMessage="No Record Present Yet" rowsPerPageTemplate="10,25,50,100" rowIndexVar="row" rowStyleClass="#{row mod 2 eq 0?'none':'skyBlue'}"> <ace:column headerText="Category" sortBy="#{srvc.groupName}" filterBy="#{srvc.groupName}" filterMatchMode="contains"> <h
utputText value="http://stackoverflow.com/questions/15469764/#{srvc.groupName}"/> </ace:column> <ace:column headerText="Service Number" sortBy="#{srvc.serviceNumber}" filterBy="#{srvc.serviceNumber}"filterMatchMode="contains"> <hutputText value="http://stackoverflow.com/questions/15469764/#{srvc.serviceNumber}"/> </ace:column> <ace:column headerText="Shift" sortBy="#{srvc.shift}" filterBy="#{srvc.shift}" filterMatchMode="contains"> <hutputText value="http://stackoverflow.com/questions/15469764/#{srvc.shift}"/> </ace:column></ace:dataTable>\[/code\]Now this datatable is showing on my whole page.I can fix its height by \[code\]<ace:datatable height=..\[/code\] but I didn't find any width attribute.I also tried to set its width using CSS (using style attribute on both header, datatable) but it didn't work.Now I am stuck here and unable to find that How can I minimize its width.Note: The only way that worked for me was to small the header text.For instance, As my first row header is Category.Now If I repalced it with just CAT then whole row gets shrink.It mean first of all I need to squeez the text(as it is my guess).Is there anyway that without poking this text? If not, then how can I resize this text and shortened this datatable?