In ig:gridView, I can see on resize, the column header and cell border line is not align.
why it is happening? is it any width problem that I have to mention ?
Hmm that's curious. Its hard to see why it'd be happening without looking at your code. As a start, what theme are you using for styling? Has it been customized in any way?
Thanks,Jim
Here is the sample of my grid code
<ig:gridView id="GR_EMB_7125" binding="#{winemb9.GR_EMB_7125}" dataSource="#{winemb9.GR_EMB_7125_DataModel}" pageSize="0" sortingMode="multi" resizableColumns="true" columnHeaderStyleclass="igGridColumnHeader" style="height:204px;width: 726px;">
<ig:column id="GR_EMB_NR" sortBy="GR_EMB_NR" resizable="true" > <f:facet name="header" > <h:outputText value="#{winemb9.CLA_KONST_02}" /> </f:facet> <h:inputText id="col-GR_EMB_NR1" styleClass="rowColorStyle" value="#{DATA_ROW.GR_EMB_NR}" ondblclick='getRowId(this.id)'/> </ig:column> <ig:column id="GR_EMB_TEXT" sortBy="GR_EMB_TEXT" resizable="true"> <f:facet name="header"> <h:outputText value="#{winemb9.CLA_KONST_03}" /> </f:facet> <h:inputText id="col-GR_EMB_TEXT2" styleClass="rowColorStyle" value="#{DATA_ROW.GR_EMB_TEXT}" ondblclick='getRowId(this.id)'/> </ig:column>
and the theme i am using
<context-param> <param-name>com.infragistics.faces.THEME</param-name> <param-value>Claymation</param-value></context-param>
and css
.igGridColumnHeader{ background-color: #5593C6 !important; color: #FFFFFF; border-top: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; height: 14px; font-family: "arial"; font-size: 8pt;}
.rowColorStyle{ background-color:transparent; border:none; height: 16px; font-size: 8pt; font-family: Arial;}