how to show limited characters in gridview columns using asp

Question

how to show limited characters in gridview columns using asp.net 

but when click view details then it show full  

like:  how to show limited characters in......... view details

 

then it show like:

how to show limited characters in gridview columns using asp.net

and i will be use like:

<asp:Label ID="lbl_productName" runat="server" Text='<%#Eval("query").ToString().Length > 10 ? Eval("query").ToString().Substring(0, 10)+"..." : Eval("query")%>'></asp:Label>

 

it hide text but when click details it's not visible dotted text

 

only show 10 charecters