easyui datagrid 改变列表行数 高度自适应

Posted 2023-05-03

问题如图，选择5行时下面还有一块空出来了。
期望的结果 是当前显示的行数 为 5行，下面的框 也自动收回去。
求高手指教！

参考技术A 在选择每页显示行数的时候，抓取pagination的onSelectPage事件，根据 显示条目数进行动态改变 datagrid 的 高度。 参考技术B 试一下在table 上加上style="height:auto;“ 试试追问

这个试过了可行，还有easyUI 默认就是 auto......
可行是指有问题，我把这个标签上面的 height给删除了，可以达到自适应，但是在火狐 下 列表不显示。。。。不知道如何处理了。

追答

我在火狐上看的，设置height:auto; 是可行的。

本回答被提问者采纳

easyUI中datagrid控制获取指定行数的数据

直接上代码：

var rows=$(‘#detail‘).datagrid(‘getRows‘);//获取所有当前加载的数据行
var row=rows[0];//  行数从 0 开始

 

项目中代码：

var rows = $(‘#detail‘).datagrid(‘getRows‘);
var row = rows[0];
console.log("row:"+row.price);