GRID问题

1、Grid滚动条

Grid不显示水平滚动条的办法：

在grid创建之后，或grid重新动态配置之后，加入下面两行代码即可

this.grid.getView().mainBody.dom.style.width = this.grid.getView().getTotalWidth();
this.grid.getView().mainBody.dom.style.height = '1px';

注：this.grid为创建的grid

控制滚动条位置

grid.getSelectionModel().selectFirstRow();//第一行
grid.getSelectionModel().selectLastRow() ;//最后一行
grid.getView().focusRow(grid.getStore().getCount()-1);//指定行

2、让ExtJs的Grid单元格显示竖线


Ext GridPanel 的默认样式的单元格没有显示竖线，若要显示可在页面中加入以下CSS样式：

<style type=“text/css”>
.x-grid3-cell-inner{
border-right: 1px solid #eceff6;
}
</style>
然后发现竖线与表头没有对齐，有一个像素的误差，再加入样式，代码就成了这样：

<style type=“text/css”>
/*显示竖线*/
.x-grid3-cell-inner{
border-right: 1px solid #eceff6;
}
/*与表头对齐*/
.x-grid3-row td, .x-grid3-summary-row td{
padding-right: 0px;
}
</style>
接着发现行间有一个像素的间隔，代码如下：

<style type=“text/css”>
/*显示竖线*/
.x-grid3-cell-inner{
border-right: 1px solid #eceff6;
}
/*与表头对齐*/
.x-grid3-row td, .x-grid3-summary-row td{
padding-right: 0px;
}
/*去掉行间空白*/
.x-grid3-row {
border-top-width: 0px;
border-bottom-width: 0px;
}
</style>