首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JQGrid列自动宽度

JQGrid列自动宽度
EN

Stack Overflow用户
提问于 2010-02-20 04:49:10
回答 4查看 59.3K关注 0票数 18

我只是想知道如何将jqGrid列宽设置为auto?

代码语言:javascript
复制
...
colModel: [
{ name: 'MyDescription', index: 'description', align: 'left', width: 150, sortable: false },
...

对于上面的语句,我如何为列指定一个自动宽度,使其适合其中最大内容的大小。

EN

回答 4

Stack Overflow用户

发布于 2012-01-10 18:23:40

您可以使用setGridWidth方法。

示例:

代码语言:javascript
复制
$(window).on('resize', function() {
   $("#jqgrid").setGridWidth($(window).width());
}).trigger('resize');

DEMO

票数 8
EN

Stack Overflow用户

发布于 2012-09-12 04:24:39

这在很大程度上对我有效。

代码语言:javascript
复制
<div id="myjqgridwrapper" style="width:100%;">
    <table id="myjqgrid"></table>
    <div id="myjqgridfooter"></div>
</div>

<script type="text/javascript">
    //script to autosize grid
    //don't forget autowidth:true for initial size
    $(window).bind('resize', function(){
        //set to 0 so grid does not continually grow
        $('#myjqgrid').setGridWidth(0);
        //resize to our container's width
        $('#myjqgrid').setGridWidth($('#myjqgridwrapper').width());
    }).trigger('resize');
</script>
票数 2
EN

Stack Overflow用户

发布于 2015-12-23 14:24:16

代码语言:javascript
复制
Try this. Worked For Me

.ui-common-table{
  width: 100% !important;
}

.ui-jqgrid .ui-jqgrid-hbox{
  padding-right: 0px !important;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2299441

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档