Extjs问题：如何修改GridPanel中每一行数据的高度？

现在用extjs做开发，但是发现数据与数据之间的没多少间隙（两条数据上下的间隙），而且每一条数据的数据项不少，挤在一块看着很不舒服，怎么能将每一行的数据的高度调高呢？

11 个解决方案

#1

该回复于2011-04-14 10:25:47被版主删除

#2

你设置Grid 的           autoHeight:true,
  bodyStyle:'width:100%',
  autoWidth:true
应该就不会出项你说的那个很挤的情况了.

#3

引用 2 楼 java_tomcat 的回复:

你设置Grid 的           autoHeight:true,
bodyStyle:'width:100%',
autoWidth:true
应该就不会出项你说的那个很挤的情况了.

你说的是设置grid的高度，我说的是设置grid内每行数据的高度- -！

#4

内容可以自动换行
{ header: "内容", dataIndex: "Content", sortable: true, renderer: function(value, metadata, record) {
        metadata.attr = 'style="white-space:normal;"';
        return value;
    }
    }

#5

加样式试一下   margin-top:5px

#6

grid 行高度可以去 ext-all.css 中改

.x-grid3-row td,.x-grid3-summary-row td{   
  height:30px;
  line-height:30px;
  .........
} 

#7

该回复于2011-04-21 13:41:02被版主删除

#8

引用 6 楼 dataminer_2007 的回复:

grid 行高度可以去 ext-all.css 中改
CSS code

.x-grid3-row td,.x-grid3-summary-row td{   
  height:30px;
  line-height:30px;
  .........
}

感谢！你的方法可以解决我的问题!

#9

不可以的这样

#10

http://lzquan.iteye.com/blog/314711
希望能解决你的问题

#11

6楼正解