jQuery Grid 高度铺满
时间: 2023-11-16 19:26:26 浏览: 36
让 jQuery Grid 的高度铺满需要进行如下配置:
1. 将 `height` 属性设置为 `'100%'`;
2. 将 `shrinkToFit` 属性设置为 `true`。
具体代码如下:
```javascript
$(gridSelector).jqGrid({
url: '...',
datatype: 'json',
mtype: 'GET',
colModel: [...],
rowNum: 10,
rowList: [10, 20, 30],
pager: '#pager',
height: '100%',
shrinkToFit: true,
...
});
```
这样就可以让 jQuery Grid 的高度铺满了。需要注意的是,如果你在使用 `shrinkToFit` 属性的同时也设置了 `height` 属性,那么 `shrinkToFit` 属性就会失效,因为此时 Grid 的高度是由 `height` 属性所指定的。因此,我们在进行高度铺满的时候,只需要将 `height` 属性设置为 `'100%'` 即可。
相关问题
jQuery Grid 高度自适应
让 jQuery Grid 的高度自适应需要进行如下配置:
1. 将 `height` 属性设置为 `'100%'`;
2. 将 `autoheight` 属性设置为 `true`。
具体代码如下:
```javascript
$(gridSelector).jqGrid({
url: '...',
datatype: 'json',
mtype: 'GET',
colModel: [...],
rowNum: 10,
rowList: [10, 20, 30],
pager: '#pager',
height: '100%',
autoheight: true,
...
});
```
这样就可以让 jQuery Grid 的高度自适应了。需要注意的是,如果你在使用 `autoheight` 属性的同时也设置了 `height` 属性,那么 `autoheight` 属性就会失效,因为此时 Grid 的高度是由 `height` 属性所指定的。因此,我们在进行高度自适应的时候,只需要将 `height` 属性设置为 `'100%'` 即可。
jQuery Grid 让高度 自适应
让 jQuery Grid 的高度自适应需要进行如下配置:
1. 将 `height` 属性设置为 `'auto'`;
2. 将 `shrinkToFit` 属性设置为 `true`。
具体代码如下:
```javascript
$(gridSelector).jqGrid({
url: '...',
datatype: 'json',
mtype: 'GET',
colModel: [...],
rowNum: 10,
rowList: [10, 20, 30],
pager: '#pager',
height: 'auto',
shrinkToFit: true,
...
});
```
这样就可以让 jQuery Grid 的高度自适应了。需要注意的是,使用 `shrinkToFit` 属性时,Grid 的列宽会根据列的内容自适应调整,因此如果你希望列宽固定,可以将 `shrinkToFit` 属性设置为 `false`。