如何在div中设置jqgrid的宽高自适应？

图片说明
在一个大div中，有两个并列的div。其中左侧为一个树状图，右侧为一个jqgrid表格，如何让jqgrid表格宽高自适应剩下的div空白。
渴求前端大神指点迷津

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Cyansnow 2019-04-18 22:03
关注
Flex布局，两个DIV的父层容器设置 display: flex, items-content， justify-content等属性，左边div flex: 0 右边div flex 1,大概思路这样推荐看一下阮一峰flex http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 或者 http://www.runoob.com/w3cnote/flex-grammar.html 具体效果自己试验着来，高度好像要手动设置，你调试一下，具体根据世界效果测试

解决
无用 1
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

如何做出jqgrid中点击列按钮弹框效果？ bootstrap
2017-02-16 06:17

回答 2 已采纳可以，弹出层很多方法都是可以实现的。在发送按钮的button里面加一个onclick事件，在这个点击事件里面，写弹出层的代码就好了。
jqgrid设置二级标题在谷歌浏览器中表格显示错位 chrome
2017-03-27 02:16

回答 2 已采纳设置二级表头后会多了一个tr，并且tr的class=“jqg-third-row-header”，所以只要判断是否是二级表头，是的话padding增加1px； if($("tr .jqg
如何从jqgrid中导出数据为excel格式？
2017-02-20 09:21

回答 2 已采纳 WritableWorkbook workbook = Workbook.createWorkbook(new File("D://ceshi1.xls"));
jqgrid自适应调整宽度时如何显示水平滚动条
2019-03-15 16:24

michaelhuaqing的博客最近开发项目的过程中，遇到了调整jqgrid表格的问题，项目前端框架用bootstrap进行开发，想适配任何大小的屏幕，但在调整宽度的时候发现无法通过水平滚动条来查看显示不出来的字段信息，强制设置了滚动条的样式发现...
jqgrid如何调整每行的高度？ javascript
2017-02-04 07:38

回答 2 已采纳 ...... loadComplete是jqgrid的配置，你的单独放到一个script中有什么用。。都不符合js语法了。。 ``` $('#xxx').jqGrid({loadC
如何在Jqgrid中显示嵌套的Json对象 jquery json php
2014-05-14 15:30

回答 1 已采纳 You should use jsonMap. You should also look at jqGrid wiki and this specific topic. You can try s
如何从PHP创建jqGrid JSON错误响应，然后使用jqGrid javascript响应它？ javascript json php
2011-09-19 15:24

回答 1 已采纳 You don't need to use a response for create, delete and update. E.g. if you do an create operatio
前端基于JQgrid实现自定义列头展示
2019-11-07 21:45

会做饭的技术男的博客先上效果图因为公司项目的需要，并且公司只有我这一个能写js的前端，这个自定义展示jqgrid列选项的需求依然是交由我写，辣么就分享一下我的工作成果。 1 //初始化函数 2 multiSele...
如何在JQGrid视图中添加功能 jquery php
2014-01-28 12:34

回答 1 已采纳 To be able to use local paging of data the server (<?php echo json_encode($emplist) ?>) shou
如何在jQuery中使用jQgrid的editUrl属性 jquery php
2014-04-01 08:57

回答 1 已采纳 Use your application name editUrl:'WhatEverYourApplicationNameIs/data_save.php' Update1: editU
在JqGrid for PHP中的行编辑时自动增加字段？ javascript php
2014-01-31 08:58

回答 1 已采纳 I found a solution to my question: I just needed to use: $cid = jqGridUtils::GetParam('my_id');
使用jqGrid实现分页的步骤
2022-01-27 10:54

Tingnichui的博客一、前端页面代码中引入jqGrid分页插件所需的源文件 https://github.com/tonytomov/jqGrid/tags <link href="plugins/jqgrid-5.5.2/ui.jqgrid-bootstrap4.css" rel="stylesheet"/> <!-- jqGrid依赖...
jqGrid：baselinkurl在新标签中打开 jquery php
2013-12-13 20:48

回答 1 已采纳 Per http://www.trirand.com/jqgridwiki/doku.php?id=wiki:predefined_formatter you can use a showlin
简单实现修改jqgrid的翻页栏显示效果
2018-08-20 23:11

沙漠渔的博客从今年五一开始接触软件开发行业，看到公司做的web程序应用很多jqgrid插件，说句实话好多地方感觉好丑话不多说先上代码再看演示(写的很糙,看网上没有,仅做参考吧) js文件 /*** * 2018年7月26日 09:19:56 * ...
树型折叠表格html,jqgrid treegrid树状表格和折叠表格的前端案例
2021-06-10 08:18

伊斯特本的博客 treegird 表格function gridList() {function gridList() {$.jgrid.defaults.styleUI = "Bootstrap";...$gridList.jqGrid({treeGrid: true,//启用树型Grid功能shrinkToFit: true, //自适应宽度treeGr...
Bootstrap嵌入jqGrid，使你的table牛逼起来
2016-05-04 11:28

沉默王二的博客 Bootstrap嵌入jqGrid，使你的table牛逼起来
数据表格JqGrid自适应列宽度
2013-02-22 12:29

iteye_19372的博客 jqgrid 是一个比较好的前端数据表格，可是因为没有很详细的API，导致有时候不知所以然。目的：自动显示完jqgrid中每一列的内容，而不是隐藏起来。没找到jqgrid提供的自适应列宽度的方法，只好参考了下jqgrid...
没有解决我的问题, 去提问

悬赏问题

¥35 平滑拟合曲线该如何生成
¥100 c语言，请帮蒟蒻写一个题的范例作参考
¥15 名为“Product”的列已属于此 DataTable
¥15 安卓adb backup备份应用数据失败
¥15 eclipse运行项目时遇到的问题
¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
¥50 成都蓉城足球俱乐部小程序抢票
¥15 yolov7训练自己的数据集

如何在div中设置jqgrid的宽高自适应？

1条回答 默认 最新

悬赏问题

1条回答默认最新