现在的项目使用Ext2做界面布局以及表格展示，其中遇到的小问题及其解决方法记录下来，以便大家一起学习。

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>

以后会把遇到的问题及其解决方法继续添加。。。。