如何改变extjs中gridpanel单元格边框,上下边框

转载 2013年12月03日 11:06:13
 

看了一下Extjs中html代码会知道,extjs中gridpanel中的表格是通过<div><table><tbody><tr><td><div>content式的结构书写的。要改变单元格边框的样式就要改变Ext-all.css中.x-grid3-row这个样式。这个样式是应用到最外层div上的。

全局改变只需改变Ext-all.css里面的.x-grid3-row样式

比如你想去掉边框可以这样:

一、.x-grid3-row{cursor:default;border:0px solid #fff;border-top-color:#fff;width:100%;}

如果想个性一点,自己要定义一个样式然后应用到特定的行如:

一、.my-x-grid3-row{cursor:default;border:0px solid #ccc,border-top-color:#fff;width:100%;}

二、应用样式,获取div

var view=grid.getView();

var rows=view.getRows();//获取所有的行

var row=rows[0];//获取单行,就是你想改变的那一行,rows[1],rows[2].....都可以,就看你有多少列了

var cls= Ext.get(row);//获取ext中外层div对象

cls.removeClass("x-grid3-row");//去掉原来的样式

cls.addClass("my-x-grid3-row");//加上自己的样式

这样你会发现原来的边框不见了。大家可以举一反三改变其他样式。

ps:extjs中css中核心的部分是Ext-all.css,所以大家要是想改变样式直接改变里面的东西就ok啦

Extjs grid设置单元格字体颜色,及单元格背景色

转自:http://blog.csdn.net/suixufeng/article/details/7480170 上面这种是最简单的,设定固定的某单元格中字体颜色。 [javascript]...
  • Trassion
  • Trassion
  • 2013年09月03日 12:28
  • 14078

ExtJs grid 加竖表格线

在页面中加入一下样式(有竖线但是没有横线):    /*显示竖线*/ .x-grid3-cell-inner{ border-right: 1px solid #ece...

EXTJS GridPanel 右键复制当前选中单元格

EXTJS中复制Grid中当前单元格的内容是一个比较常见的需求,最常见的解决方法就是添加新的css样式,具体可以参考:http://blog.csdn.net/dy_paradise/article/...
  • csc0211
  • csc0211
  • 2012年05月29日 10:49
  • 7368

Extjs中GridPanel实现单元格自动换行的补充-转载

Extjs中GridPanel实现单元格自动换行的补充

Extjs GridPanel用法详解(单元格点击事件)

Extjs GridPanel 提供了非常强大数据表格功能,在GridPanel可以展示数据列表,可以对数据列表进行选择、编辑等。在之前的Extjs MVC开发模式详解中,我们已经使用到了GridPa...
  • Y_FQY
  • Y_FQY
  • 2016年11月29日 16:17
  • 4517

EXT GridPanel获取某一单元格的值

  • 2013年12月11日 22:07
  • 26KB
  • 下载

VC++_置Excel单元格的边框

  • 2016年03月03日 21:52
  • 22KB
  • 下载

ExtJS Grid 改变单元格背景颜色的方法

第一种情况:加载数据时改变列的颜色 首先定义一个样式如下(这里以红色背景为例):     .x-grid-back-red {          background: #FF0000...

ExtJS Grid 改变单元格背景颜色的方法

首先要解决的一个问题是如果判断数据已经加载完毕,最简单的方法是给grid的store添加onload事件。 如果你想有条件地改变某行的背景颜色,则还需要遍历gird的store,这里有个简单的方法即...
  • Elender
  • Elender
  • 2012年10月17日 18:14
  • 375

POI实现EXCEL单元格合并及边框样式

创建产生一个excel,合并单元格,然后为合并后的单元格添加边框 CellRangeAddress
  • sxdtwym
  • sxdtwym
  • 2017年01月12日 16:57
  • 6592
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何改变extjs中gridpanel单元格边框,上下边框
举报原因:
原因补充:

(最多只允许输入30个字)