- Tooltips en columnas de GridView

Muchas veces por razones de espacio necesitamos poner nombres abreviados o acrónimos en las cabeceras de nuestros GridViews. Para enriquecer la experiencia de usuario podemos agregar tooltips a estas cabeceras de una forma muy sencilla de modo de proveer al usuario el nombre completo o mas descriptivo para determinado campo mostrado.

Pre-Requisitos:
* Tenemos establecida la conexión a la base de datos.
* Tenemos un DataSet con los datos para realizar el Binding al Dataview.
* Tenemos los datos en el gridview a traves de Databind().

Elementos Clave:
* Habilitar la propiedad HtmlEncode a false en cada campo enlazado.
* Utilizar elementos HTML en la propiedad HeaderText.

He aquí nuesto código:
- products.aspx (Nuestra página aspx)

<asp:gridview id="gvProducts" runat="server" autogeneratecolumns="false">
  <Columns>
      <asp:BoundField
          HeaderText="Producto"
          DataField="name"/>
      <asp:BoundField
          HtmlEncode="false"
          HeaderText="&lt;div title='Cantidad'> Cant. </div>"
          DataField="qty"/>
      <asp:BoundField
          HtmlEncode="false"
          HeaderText="&lt;div title='Precio'> $ </div>"
          DataField="price"/>
  </Columns>
</asp:gridview>

Esta es solo una de las formas de realizarlo, otra forma es utilizando el tag <acronym> de HTML.