双击td以显示完整数据

Question

主要点击它显示的按钮，例如：我们可以获取名为“作者”的数据，因为数据最初显示为“tatyana c”。

如果我们想要查看全名。目前可以拖动上面的列。我想双击以拉伸整个列。

当我双击作者时，它必须显示全名“tatyana chirana”。

这是我的代码：

 <apex:pageBlockTable value="{!quo}" var="q" rendered="{!(quo.size!= 0) && (quo.size < 999)}"  id="tblQuotes" styleclass="floatingHeaderTable" > 
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.From1__c}" styleClass="noWrap"  style="border:1px ridge #D7D8D9;" headerValue="Author" />
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Quote_Number_New__c}" styleClass="noWrap"  style="border:1px ridge #D7D8D9;" headerValue="Nicomatic Quote Number"/>
                <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Name}" styleClass="noWrap"  style="border:1px ridge #D7D8D9" headerValue="SF Quote Number"/>
               <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Quote_Validity__c}" styleClass="noWrap"  style="border:1px solid #D7D8D9" headerValue="Quote Validity"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.RFQ_Date__c}" styleClass="noWrap" style="border:1px solid #D7D8D9" headerValue="RFQ Date"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.createdDate__c}" styleClass="noWrap" style="border:1px solid #D7D8D9" headerValue="Created Date"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Account_Code__c}" styleClass="noWrap" style="border:1px solid #D7D8D9" headerValue="Account Code"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Quote1__r.Account_Name__c}" styleClass="noWrap" style="border:1px solid #D7D8D9" headerValue="Account Name"/>
                 <apex:column value="{!q.Quote_Line_Item__r.Name}" styleClass="noWrap" style="border:1px solid #D7D8D9" headerValue="Nicomatic P/N"/>

包装样式：

<style type="text/css">
    .noWrap { white-space: nowrap;}
</style>

col colizable：

<script type="text/javascript">
         $("[id$=tblQuotes]").colResizable({
            liveDrag: true,
            draggingClass: "dragging"
          });    
</script>

我需要这样的方式，我们在excel中使用双击标题分隔符。 双击作者以显示该单元格中的整个完整数据。