`

Ext.grid.PivotGrid样式

 
阅读更多
Ext.grid.PivotGrid样式

<style type="text/css">
			table {border-collapse:collapse;}
			.font_style {
				font-family: "宋体";
				font-size: 12px;
			}
			
			/*!
			 * 报表左侧
			 */
			.tjbb-left {
			    background: url("../images/default/grid/grid3-rowheader.gif") repeat-x scroll left top #EEEEEE;
			    border-bottom: 1px solid #D0D0D0;
			    border-left: 1px solid #EEEEEE;
			    border-right: 1px solid #D0D0D0;
			    height: 18px;
			    font-family: tahoma;
			    font-size: 11px;
			    height: 18px;
			    padding: 2px 7px 0 0;
			    text-align: right;
			    text-overflow: ellipsis;
			}
			
			/*!
			 * 报表头部
			 */
			.tjbb-header {
			    background: url("../images/default/grid/grid3-hrow.gif") repeat-x scroll 50% 100% transparent;
			    border-left: 1px solid #EEEEEE;
			    border-right: 1px solid #D0D0D0;
			    font-family: tahoma;
			    font-size: 11px;
			    line-height: 13px;
			    overflow: hidden;
			    padding: 4px 3px 4px 5px;
			    text-align: center;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			}
			/*!
			 * 报表 单元格
			 */
			.tjbb-cell {
			    overflow: hidden;
			    padding: 3px 3px 3px 5px;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    border-bottom: 1px solid #D0D0D0;
			    border-left: 1px solid #EEEEEE;
			    border-right: 1px solid #D0D0D0;
			    cursor:hand;
			}
        </style>


  • 大小: 27.8 KB
分享到:
评论
1 楼 xiaohuayansx 2014-03-13  
怎么在pivotgrid中套用样式啊

相关推荐

    Ext.grid.GridPanel属性祥解

    综上所述,`Ext.grid.GridPanel`提供了非常全面且强大的功能,使得开发者能够根据实际需求灵活定制表格的样式和交互。通过深入了解这些配置选项和方法,可以更高效地利用ExtJS框架实现复杂的前端表格功能。

    ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)

    这篇文章的标题指出这是一个关于“Ext.grid.plugin.RowEditing”的重构,版本为v1.4,发布日期为2011年9月11日。重构通常意味着代码的改进,可能涉及性能优化、错误修复或功能增强。在4.0版本中,RowEditing插件的...

    可编辑表格Ext.grid.EditorGridPanel

    Ext.grid.EditorGridPanel是Ext JS库中的一个组件,主要用于创建具有可编辑单元格的表格。这个组件在数据展示和编辑方面提供了丰富的功能,是构建数据密集型应用的理想选择。下面将详细阐述其特点、工作原理及如何...

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...

    Ext.get与Ext.fly的区别

    - **功能全面**:通过`Ext.get`获取的元素具有丰富的API集合,可以执行复杂的DOM操作,如改变样式、位置、显示/隐藏等。 - **性能优势**:当需要对同一个DOM元素进行多次操作时,`Ext.get`比`Ext.fly`更高效,因为它...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    Ext.grid.ColumnModel显示不正常

    Ext.grid.ColumnModel显示不正常

    Ext grid panel 滚动条位置不变

    Ext.override(Ext.grid.GridView, { scrollTop: function () { this.scroller.dom.scrollTop = 0; this.scroller.dom.scrollLeft = 0; }, scrollToTop: Ext.emptyFn }); ``` 这里的`scrollTop`方法将滚动条...

    Ext.ux.touch.grid-master.rar

    Ext.ux.touch.grid-master 是一个专门针对移动设备开发的JavaScript库,主要应用于开发触控友好的数据网格。这个压缩包包含的是EXTJS Touch框架的一个扩展组件,EXTJS Touch是Sencha公司开发的一个轻量级、高性能的...

    封装Ext.grid.Grid+dwr实现增删该查

    `Ext.grid.Grid`是Ext JS库中的一个组件,用于创建可交互的数据网格,而DWR(Direct Web Remoting)则是一种允许JavaScript和Java在浏览器端进行安全、高效通信的技术。本篇文章将深入探讨如何利用这两者结合,实现...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法

    在Ext JS库中,`Ext.grid.plugin.RowExpander`是一个扩展插件,用于在网格行中添加可展开的详情区域。在Ext4.2版本中,用户可能遇到一个特定的问题,即`RowExpander`的`collapsebody`和`expandbody`事件无法正常触发...

    Ext.grid.GridPanel 删除线

    Ext.grid.GridPanel 删除线 放到example文件夹下运行

    Ext.get与Ext.fly 的区别

    `Ext.Element`是对原生DOM元素的封装,提供了大量的实用方法,如样式设置、事件监听等。如果元素不存在,`Ext.get`会返回`null`。这是一个相对重量级的操作,因为它会创建并缓存一个`Ext.Element`实例,适用于那些...

    Ext.data.Store的基本用法

    ### Ext.data.Store的基本用法详解 #### 一、Ext.data.Store简介 `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。...

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    extjs4.1-ux.rar

    2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing 7、Ext.ux.grid.plugin.DragSelector 8、Ext....

    org.restlet.ext.spring.jar

    org.restlet.ext.spring.jar

    GridPanel中的单元格不能选中复制的解决方法

    解决Ext.grid.GridPanel中的单元格不能选中复制的问题需要从两个方面入手:添加新的CSS样式和修改Ext.grid.GridPanel的protoType。这些解决方案可以帮助开发者解决这个棘手的问题,提高用户体验。

Global site tag (gtag.js) - Google Analytics