点击表格内容每次表格自己就跑了

liuyang

各位大神，帮我解决一下这个问题，不知道该怎么办？现象如下：

在弹窗中，有很多表单信息以及表格信息。表格中的数据量挺大的，50多条数，表格里没有设置滚动条。当表格处于页面中间时，点击表格里面的数据，表格会跳到最顶端，表头和最顶端齐平，导致我想点击表格最后一行的数据时，点不了，因为一点表头就跳到和最顶端齐平了。代码如下所示
<div id="form2" method="post" style="width:100%; height:100%;width:1500px;display:none" expanded="true">
                        <table>
                                <tr>
                                        <td width="150"><span>题目列表:</span></td>
                                        <td width="400" align="right">
                                                <span>
                                                        <a class="mini-button" style="width:80px"  name="btn" onclick="addOrUpdateTopic()" >新增</a>
                                                  <a class="mini-button" style="width:80px"  name="btn" onclick="deleteTopic()" >删除</a>
                                                  <a class="mini-button" style="width:80px"  name="btn" onclick="refresh()" >刷新</a>
                                                </span>
                                        </td>
                                </tr>
                        </table>
                        <table>
                                <tr>
                                        <td width="150"></td>
                                        <td width="800">
                                                <div id="topicGrid" class="mini-datagrid"
                                                url="/AtomLocal/servlet/QueSurveyServlet?type=queryTopic"allowAlternating="true"   sortMode="client"
                                                idField="" allowResize="true" multiSelect="true" showSummaryRow="false" showPager="false">
                                                        <div property="columns">
                                                                <div type="checkcolumn" width="5%"></div>
                                                                <div type="indexcolumn" width="50">序号</div>
                                                                <div name="question" field="question" headerAlign="center" align="left" vtype="required" allowSort="true" width="100">选项内容</div>
                                                                <div field="id" width="80px"  headerAlign="center" allowSort="true" style="width:15%" renderer="onTopic">详情</div>
                                                        </div>
                                                </div>
                                        </td>
                                </tr>
                        </table>
                        <table>
                                <tr>
                                        <td width="150"><span>系统填写调查问卷名单:</span></td>
                                        <td width="400" align="right">
                                                <span>
                                                  <a class="mini-button" style="width:80px"  name="btn" onclick="openClientWin()" >新增</a>
                                                  <a class="mini-button" style="width:80px"  name="btn" onclick="deleteClient()" >删除</a>
                                                  <a class="mini-button" style="width:80px"  name="btn" onclick="refreshClient()" >刷新</a>
                                                </span>
                                        </td>
                                </tr>
                        </table>
                        <table>
                                <tr>
                                        <td width="150"></td>
                                        <td width="800">
                                                <div id="clientGrid" class="mini-datagrid" style="width:100%;"
                                                url="/XXX/servlet/QueSurveyServlet?type=querySurveyUnits"
                                                 allowCellWrap='true' showPager="false" idField="id" allowAlternating="true" sortMode="client" allowResize="false" pageSize="20"
                                                        allowMoveColumn='true' allowCellEdit="true" allowCellSelect="true" multiSelect="true" allowSortColumn="false" editNextOnEnterKey="true" editNextRowCell="true"
                                                        allowCellValid="true"
                                                >
                                                        <div property="columns">
                                                                <div type="checkcolumn" width="5%"></div>
                                                                <div type="indexcolumn" width="50">序号</div>
                                                                <div field="STATUS" width="80px"  headerAlign="center" allowSort="true" visible="false">status</div>
                                                                <div field="ID" width="80px"  headerAlign="center" allowSort="true" visible="false">id</div>
                                                                <div field="EB_QUE_SURVEY_INFO_ID" width="80px"  headerAlign="center" allowSort="true" visible="false">EB_QUE_SURVEY_INFO_ID</div>
                                                                <div name="COUNTERPARTY_CD" field="COUNTERPARTY_CD" headerAlign="center" align="left" vtype="required" allowSort="true" width="70">单位编号</div>
                                                                <div name="COUNTERPARTY_NM" field="COUNTERPARTY_NM" headerAlign="center" align="left" vtype="required" allowSort="true" width="100">单位名称</div>
                                                                <div name="ID" field="ID" headerAlign="center" align="left" vtype="required" allowSort="true" width="100"  renderer="onUnitContent">回答详情</div>
                                                        </div>
                                                </div>
                                        </td>
                                </tr>
                        </table>
                        <table>
                                <tr>
                                        <td width="400" align="center">
                                                <span>
                                                        <a class="mini-button" style="width:100px"  name="btn" onclick="saveOrUpdate1(1)" >保存</a>
                                                        <a class="mini-button" style="width:80px"  name="btn" onclick="saveOrUpdate1(2)" >启用</a>
                                                </span>
                                        </td>
                                </tr>
                        </table>
        </div>

felt

请提供一个能直接打开重现问题的html页面，复制你这代码没发现什么问题