A ver que te parece así
<table borderColor="#006599" cellSpacing="0" cellPadding="0" width="100%" bgColor="#e7eef5"
border="1">
<tr>
<td class="txt_azul_b" align="center" width="13%"> Clave UPC</td>
<td class="txt_azul_b" width="87%"> Titulo</td>
</tr>
</table>
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td vAlign="top">
<div id="ScrollDataList" style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 203px" onscroll="document.all('MyDataList').style.pixelLe ft = ScrollDataList.scrollLeft * -1"
runat="server"><asp:datalist id="MyDataList" runat="server" Width="100%">
<AlternatingItemStyle BackColor="#E7EEF5"></AlternatingItemStyle>
<ItemTemplate>
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td vAlign="top" align="center" width="14%">
<asp:Label id="upc" runat="server">Label</asp:Label></td>
<td vAlign="top" align="left" width="84%">
<asp:Label id="titulo" runat="server">Label</asp:Label></td>
<td vAlign="top" align="right" width="02%">
<asp:CheckBox id="check" runat="server"></asp:CheckBox></td>
</tr>
</table>
</ItemTemplate>
</asp:datalist></div>
</td>
</tr>
</table>
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td class="linea_blanca"> </td>
</tr>
<tr height="28">
<td width="5%"> <asp:ImageButton AlternateText=" Muestra todos los productos seleccionados " Visible="false" id="imgMostrar"
runat="server" ImageUrl="../../Img/Seleccionado.GIF"></asp:ImageButton></td>
<td valign="middle" width="95%" id="td_abc" runat="server"></td>
</tr>
</table>
Por cuestiones de diseño
separo las tres tablas encabezado, datos(grid) y la paginacion
en la parte de codigo genero dinamicamente las letras (alfabeto) que quiero
cargo el grid de acuerdo al dato recuperado con un LIKE
y en el LinkButton1_Click o Hypperlink_click manipulo la url de cada letra
algo así puedes hacer, ya que no encontre como mandar letras directamente en el control grid, sino que la paginación esta en funcion de un numero ....