Jquery 为什么滚动条会覆盖工具栏？

我使用中的代码创建了一个网格，类似于链接上的内容，带有顶部和底部滚动条。但是当我使用

toolbar: [true, "top"],

与

$('<div><input type="button" value="Send" /></div>').appendTo("#t_grid");

$（“”）.appendTo（“#t#u网格”）；

带有添加按钮的工具栏不会显示，而是只在顶部显示滚动条。滚动条似乎正在覆盖工具栏

我有以下问题：

如何将带有按钮的工具栏与顶部滚动条一起包括在内？（在此情况下，工具栏必须位于顶部滚动条的上方）

，我为其创建的，使用顶部工具栏进行滚动。因此，顶部工具栏的所有内容（在您的案例中为“发送”按钮）都将被滚动

通过在顶部工具栏的div之后插入一个单独的div，可以很容易地解决这个问题。相应的代码将是

var$bdiv=$grid.closest（“.ui jqgrid bdiv”），
$topToolbar=$（“#t#”+$grid[0].id），
$scrollBar=$（''）；
//在顶部工具栏中插入自定义内容
$（''）.appendTo（$topToolbar）；
$topToolbar.css（“高度”、“自动”）；
//在网格顶部添加带有滚动条的新div
$topToolbar.after（$scrollBar[0]）；
//同步$scrollBar和$bdiv的滚动位置
$scrollBar.scroll（函数（）{
//同步网格的srollbar
$bdiv.scrollLeft（$（this.scrollLeft（））；
});
$bdiv.滚动（函数（）{
//同步toppbar的srollbar
$scrollBar.scrollLeft（$（this.scrollLeft（））；
});