HTML中CSS样式设置为何grid布局时grid-template-rows用不了，后面显示白色

html-css020

HTML中CSS样式设置为何grid布局时grid-template-rows用不了，后面显示白色,第1张

flexigrid没有过，但按你说没滚动条就正常，再看你截图，很显然错位是因为表格内容部分的宽度计算时没有考虑滚动条宽度的缘故。在有滚动条时，最右列的表头的应比相应内容列宽一个滚动条的宽度。

请问你使用的浏览器类型,如果是ie8需要改变文档模式--在你需要显示的页面中加入以下代码即可改变文档模式,其他浏览器不需要更改

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Css正确写法

.x-grid-cell.red {

    background-color: #FF0000

   }

如果你使用的是Ext4 那么 你的写法有问题 正确的代码如下

{ dataIndex: 'divideType' , flex:1 ,header:'分成类型',tdCls :'red'}

在表格如果是想要在renderer中改变  正确代码如下

 { dataIndex: 'divideType' , flex:1 ,header:'分成类型',

          renderer:function(v,m){

            m.tdCls='red' 

           return v

          } 

         }

最好能贴下代码。

既然在test.mxml中有效，问题还是比较容易发现的。

你可以试着按以下方法查找原因。

1、你的CSS是全局的么？如果不是引用路径对么？

2、你的Do.mxml中对Grid的设置中是否设置了border属性，按优先级来看，Grid标签属性设置的优先级最高。

3、比较test.mxml和Do.mxml中的代码有什么不同，或者做两个测试的表单，只用Grid标签，来对test和Do表单中的设置进行测试。

4、目前问题出现在边框显示的问题上，简化Grid的属性设置，只保留与border相关的设置进行测试。可以结合（3）的步骤，这样查找就比较明确了！

以上个人开发经验，希望对你有所帮助！