< rich:extendedDataTable > : dragging the column-header to another position is not working

[navdeep_thakur]

Hi Guys,

I am not able to drag the column-header to another position with the table.

here is my XHTML code:

<rich:extendedDataTable id="table"

                 value="#{testBuilderBean.testBuilder}" var="cap"
                 onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                cellpadding="0" cellspacing="0"
                 sortMode="single"
                selectionMode="single">
               
                <rich:column id="colCurrentValue">
               
                    <f:facet name="header">
                         <h:outputText value="" id="outCurrentValue"/>
                    </f:facet>
               
                    <h:outputText value="#{cap.currentValue}" id="currentValue"/>
                
                </rich:column>
               
                <rich:column id="colTargetValue">
                    <f:facet name="header">
                        <h:outputText value="" id="outTargetValue"/>
                     </f:facet>
                    <h:outputText value="#{cap.targetValue}" id="targetValue"/>
                </rich:column>
               
                <rich:column id="colLowerBound">
                     <f:facet name="header">
                        <h:outputText value="" id="outLowerBound"/>
                    </f:facet>
                    <h:outputText value="#{cap.lowerBound}" id="lowerBound"/>
                 </rich:column>
               
                <rich:column id="colUpperBound">
                    <f:facet name="header">
                        <h:outputText value="" id="outUpperBound"/>
                     </f:facet>
                    <h:outputText value="#{cap.upperBound}" id="upperBound"/>
                </rich:column>
               
                <rich:column id="colRuleName">
                     <f:facet name="header">
                        <h:outputText value="Aggregation Rules" id="outRuleName"/>
                    </f:facet>
                    <h:outputText value="#{cap.ruleName}" id="ruleName"/>
                 </rich:column>
               
            </rich:extendedDataTable>