带有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>

帮我在网格表的顶部添加一个工具栏，其中包含一到z个字符作为索引。在单击任何字符时，应该在网格表中列出以该字符开头的数据（例如名称）。请参阅上面的代码，我正在使用....