таблица сетки с индексами от a до z

Question

                             <sjg:grid 
             id="sample_grid"
             caption="Patient List"
             dataType="json"
                     `href="%{loadGrid}"
                  pager="true"
             hidegrid="false"
             gridModel="gridData"
             rowList="10,15,20"
             rowNum="10"


             viewrecords="true"
             autowidth="true"
             shrinkToFit="true"
             sortable="false"
             navigatorAdd="false"
                 navigatorDelete="false"
                  navigatorEdit="false"
             navigatorRefresh="false"
             navigatorSearch="false"
             navigatorView="false">                             
          <sjg:gridColumn name="name" index="Name" title="Name"/>
          <sjg:gridColumn name="age" index="Age" title="Age"/>
          <sjg:gridColumn name="country" index="Country" title="Country" />
 </sjg:grid>

'

помогите мне добавить панель инструментов в верхней части таблицы сетки, которая состоит из символов от a до z в качестве индекса.При щелчке по любому символу данные (например, имена), начинающиеся с этого символа, должны быть перечислены в таблице сетки. См. Выше код, который я использую ....