strachable columns in jsf

[srinivas palukuri]

Hi,
I am new to jsf, I have my <t:dataTable> columns has to be dragable by mouse. Means if i click on dataTable column and strach it, it has to strach. Is there any way to acheive this in jsf, if so can you pelase reply me As early as posible.

My code is as follows.

<h:form id="form2" rendered="true">
<center>
<t:panelGroup id="gridPanel1" style="width:100%; height:250px; overflow:auto;" >

<t:dataTable first="0" id="Data" frame="above" bgcolor="#E7E7F7"
cellpadding="5" cellspacing="0" border="1" rows="3" preserveDataModel="false"
value="#{managedBean.studentsCollections}" var="item">
<t:column >
<f:facet name="header">

<t:commandSortHeader columnName="type" arrow="true">
<h:outputText value="#{msg.number}" />
</t:commandSortHeader>

</f:facet>
<t:outputText value="#{item.number}"/>
</t:column>

<t:column>
<f:facet name="header">
<t:commandSortHeader columnName="type" arrow="true">
<h:outputText value="#{msg.name}" />
</t:commandSortHeader>
</f:facet>
<t:outputText value="#{item.name}"/>
</t:column>

<t:column >
<f:facet name="header">
<t:commandSortHeader columnName="type" arrow="true">
<h:outputText value="#{msg.marks}" />
</t:commandSortHeader>
</f:facet>
<t:outputText value="#{item.marks}"/>
</t:column>

</t:dataTable>

<t:dataScroller id="scroll_1"
for="Data"
fastStep="10"
paginator="true"
paginatorMaxPages="9"
paginatorActiveColumnStyle="font-weight:bold;">

<f:facet name="first">
<t:commandButton value="first"/>
</f:facet>
<f:facet name="last">
<t:commandButton value="last"/>
</f:facet>
<f:facet name="previous">
<t:commandButton value="previous"/>
</f:facet>
<f:facet name="next">
<t:commandButton value="next"/>
</f:facet>
<f:facet name="fastforward">
<t:commandButton value="fastforward"/>
</f:facet>
<f:facet name="fastrewind">
<t:commandButton value="fastrewind"/>
</f:facet>
</t:dataScroller>
</t:panelGroup>
</center>
</h:form>

Thanks & regards
srinivasa rao palukuri.