extjs显示grid网页线

Extjs4---Grid表格分页处理 Extjs---简单Grid表单 Insert title here Ext.onReady(function(){ var itemsPerPage = 2; // set the number of items you want per page var store = Ext.create('Ext.data.Store', { i 阅读详情

这应该是个常识,对于样式没学好的我,还是记录下来吧


不知道是电脑问题还是人品问题,同样的一段样式设置,在我和同事的电脑上竟然显示不同的界面

我的电脑是正常的^_^ (代码如下:)

		<style type="text/css">
			.gui_title {
				float:left;
				width:100%;
				background-color:#DFE8F6;
				font-family:arial,sans-serif,tahoma,verdana,arial;
				font-size:16px;
				font-weight:bold;
				height:22px;
				padding-top:4px;
			}
			/* Override standard grid styles (add colour to vertical grid lines) */ 
			.x-grid3-col {
			    border-left:  1px solid #EEEEEE;
			    border-right: 0px solid #D2D2D2;
			}   
			 
			/* Also remove padding from table data (to compensate for added grid lines) */
			.x-grid3-row td, .x-grid3-summary-row td {
			    padding-left: 0px;
			    padding-right: 0px;
			}
		</style>

在同事的电脑上界面出现了错位!经过反复修改,把border-right:所对应的颜色改为#ffffff就ok了,修改后代码如下:


		<style type="text/css">
			.gui_title {
				float:left;
				width:100%;
				background-color:#DFE8F6;
				font-family:arial,sans-serif,tahoma,verdana,arial;
				font-size:16px;
				font-weight:bold;
				height:22px;
				padding-top:4px;
			}
			/* Override standard grid styles (add colour to vertical grid lines) */ 
			.x-grid3-col {
			    border-left:  1px solid #EEEEEE;
			    border-right: 1px solid #FFFFFF;
			}   
			 
			/* Also remove padding from table data (to compensate for added grid lines) */
			.x-grid3-row td, .x-grid3-summary-row td {
			    padding-left: 0px;
			    padding-right: 0px;
			}
		</style>



Extjs与Servlet集成实现Web应用中的列表显示 ExtJS是一个成熟的前端框架,用于构建富有交互性的Web应用。其丰富的组件库和数据驱动的架构设计,能够快速帮助开发者搭建界面,提高开发效率。它是基于JavaScript的,依赖于jQuery和Sencha Command工具来开发。Servlet 是 Java EE 规范的一部分,它运行在服务器端并提供动态网页内容。它是 Java 程序,可以通过请求与响应模型与客户端(通常是 Web 浏览器)交互。 阅读详情

相关推荐

ExtJs中表单formPanel的横向布局

ExtJs中表单formPanel的横向布局

ExtJs grid 加竖表格线

在页面中加入一下样式(有竖线但是没有横线):    /*显示竖线*/ .x-grid3-cell-inner{ border-right: 1px solid #eceff6; } /*与表头对齐*/ .x-grid3-row td, .x-grid3-summary-row td{ padding-r

taozi165的专栏 6532

物联网低功耗广域网NB-IoT开发(一):初识NB-IoT

(二)NB-IoT的关键特性: (三)NB-IoT的应用场景: 二、NB-IOT介绍

weixin_49763156的博客 853

Grid网格布局

本文已参与「新人创作礼」活动,一起开启掘金创作之路Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。Grid 布局远比 Flex 布局强大。指定一个容器采用网格布局。*注意,设为网格布局以后,容器子元素(项目)

qq_36262295的博客 1072

车载仪表-功能点测试大全(超详细,细分可作测试用例)

汽车仪表系统发展经历了机械式、电气化到智能化的演变,目前全液晶仪表渗透率达73.4%。文章详细梳理了仪表功能测试要点,包括UI界面显示一致性、按键响应、FM收音、信号灯显示、USB功能、蓝牙连接、胎压监测、导航系统、WiFi投屏、倒车影像及多媒体播放等关键功能模块的测试标准。特别关注界面切换流畅度、功能稳定性及异常情况处理能力,如投屏状态下是否卡顿、导航中断后能否自动恢复等。测试覆盖了CarPlay、AndroidAuto等主流投屏方案的兼容性验证,确保各类交互场景下的系统可靠性。

weixin_51551002的博客 2067

Eigen 直线拟合/曲线拟合/圆拟合/椭圆拟合

使用Eigen库进行直线拟合是数据分析和科学计算中的常见任务,主要通过最小二乘法实现。该代码演示了二维空间中的直线拟合,输出斜率和截距。

深之JohnChen的专栏 1599

为Ext/Coolite中的GridPanel加网格线

<br /> /*显示竖线 .x-grid3-cell-inner{ border-right:1px solid #eceff6; }*/ /*与表头对齐*/ .x-grid3-row td, .x-grid3-summary-row td{ padding-right: 0px; /*显示竖线*/ border-right:1px solid #eceff6; /

雨季不再来的专栏 2733

Oracle入门——基础语法篇

ROWID是Oracle中的一个伪列,用于唯一标识数据库中的每一行。在查询中,可以使用ROWID来定位和操作特定的行,例如,删除特定的行或更新特定的行。在Oracle中,子查询是指嵌套在另一个查询内部的查询语句,它可以作为主查询的一部分,用于提供额外的过滤条件、计算或数据源。在Oracle中,连接查询是通过使用JOIN子句将两个或多个表中的数据合并在一起,以获取满足特定条件的结果集。在Oracle数据库中,ROWID和ROWNUM都是用于对行进行标识和定位的伪列,它们在查询中的使用有一些不同之处。

麦当当的博客 3089

extjs grid空白样式_CSS从零开始——进阶样式(4)网格布局b

昨天有朋友和我抱怨了,你这更新还吊人胃口……-_- 我只能说不是故意的,因为实在没精力写完它,见谅见谅。今天时间足够,精力允许,我就把网格布局都写完。1 网格容器书接上回,我们已经对网格的基本布局有了个大概的了解,不过还有很多更细致的属性,接下来继续看。1.1 单元格内容的位置因为在设为网格布局以后,容器子元素(项目)的float、display: inline-block、display: ta...

weixin_28878117的博客 352

宏基因组分析|完整分析流程梳理

今天先从最基础的全流程框架说起,无论是刚接触的萌新,还是想查漏补缺的同行,都能找到有用的信息。

weixin_70911870的博客 3165

【原理图PCB专题】Cadence17.4 PCB位号重排与反标

Cadence17.4 PCB位号重排与反标比Cadence16版本更简单一些,那到底如何操作?

一点硬件 1181

ext

ext 添加横线  {                             xtype: 'panel',                             bodyStyle: {                                 background: 'rgb(254, 254, 218)'                          

si99999的博客 241

python爬虫案例——腾讯网新闻标题(异步加载网站数据抓取,post请求)(6)

本篇案例主要讲解异步加载网站如何分析网页接口,以及如何观察post请求URL的参数,网站数据并不难抓取,主要是将要抓取的数据接口分析清楚,才能根据需求编写想要的代码。

@优快云盲敲代码的阿豪的博客 946

extjs5的grid垂直滚动条bug_Extjs grid panel自带滚动条失效的解决方法

Extjs grid panel自带滚动条失效的解决方法之前用EXTJS的gridPanel组件的时候,因为经常对gridPanel中的stroe数据进行过滤,所以有时候总是导致gridPanel自身所带的scrollbar失效。取个实例,EXTJS gridPanel自带的滚动条,是有一个固定的列宽来放置这个scrollbar的,如上图所示。所以当这个scrollbar失效的时候,无论你怎么拖动...

weixin_34161139的博客 728

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

extjs4 grid 动态插入数据行

extjs4 grid 动态插入数据行

hhduyc的博客 2327

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

Extjs4 grid导出Excel

简单方便 可以直接使用不需要服务端代码 grid2Excel.js /** * Created with IntelliJ IDEA. * User: zhuhq * Date: 14-3-17 * Time: 下午12:26 * To change this template use File | Settings | File Templates. */ ...

tianlang2011的专栏 292

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

EXTJS Grid数据显示、翻页、增删改查功能实现

效果图: 本功能模块的实现使用了3个文件: UserManageView.php   UserManage.js  UserManageModel.php  各文件代码如下。 一、UserManageView.php 文件代码--网页布局页面。 用户管理   UserGrid'> 二、UserMan

amino77的专栏 5319

如何能够获得Extjs.grid.panel总的Columns的列数

如何能够获得Extjs.grid.panel总的Columns的列数 举报|  分享| 2015-01-01 13:56linjian001 | 浏览 485 次  编程语言Javascript网页设计 通过什么方法能够获取这个数据 var grid = Ext.create('Ext.grid.GridPanel',{}); var columns = grid.colu

evilcry2012的专栏 1770

ExtJS Grid表头下拉菜单错乱问题

今天使用ExtJS 2.2.1进行页面开发时,发现在IE6中的Grid的表头显示异常,图标和文字发生错乱,如图:     在Firefox和chrome显示都是正常的,很是奇怪,难道是版本问题?   将2.2版本和2.2.1版本的ext-all.css进行了比较,发现有两处不一样,改回2.2版本后一切正常:   找到.x-menu a.x-menu-item{display:block;...

weixin_30877493的博客 120

asp.net中应用Extjs的grid不显示HTML内容

最近用asp.net结合Extjs开发一个新闻发布功能的模块,发现Extjs的grid无法显示带Html标记的新闻内容,百思不得其解,在FF和IE下没有任何错误,而且,FF调试下,新闻内容数据已经取出来了,而且json格式也是正确的,但就是不显示。   很奇怪! 最终经过反复研究,发现一个细节,我们从网页直接拷贝新闻,然后粘贴到Extjs的htmleditor里,发布,会含有很多的\r   ...

weixin_33859844的博客 94

ExtJS下拉grid

这列:http://www.boarsoft.com/javascript/gridCombo/

Reid的专栏 3240

ExtJS5.1学习笔记——Grid组件的基本用法

Ext中的Grid组件是一个非常有用的组件,它类似于HTML中的表格,但是功能比普通的表格多得多,如下图所示: 下面记录Grid组件的基本用法: *{ font-family: "微软雅黑"; } Ext.onReady(function(){ Ext.define('Person', {//Gri

记录技术,记录生活 3539

Extjs grid 不能复制问题解决

针对版本extjs 2 /3.x 原因:每个单元格的div都有一个属性:unselectable="on",是css问题。 网上关于grid不能复制问题都给出了相应的解决方法,我只是增加了针对chrome解决方案,具体如下 思路: 1.写一个css允许单元中的文本可以复制,同时又不会因为css重名而被覆盖。 2.重新单元格模版使用改css step1:在相应的页面增加如下css

一二 二一 而已 4029

ExtJS4.0中Excel文件导入grid

在给出代码之前,先说一下思想,要达到excel的上传,有两种方式可以选择,一种是打开grid,然后打开excel,选中要导入的excel记录,然后进行拖拽,在grid中要使用Ext.ux.grid.DataDrop插件,这种方式是在ext3.1中实现的,我没有在4.0中做过测试,这种方式的优点是比较直观,用户可以直接看到自己导入的数据,缺点是对于大批量的数据进行导入时比较困难;具体可参见http:

jwl_yifeng的专栏 5457
上一篇: 静态成员及非静态成员 区别
下一篇: spket安装文档
逆天小北鼻
博客等级 码龄15年 1010粉丝 261原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值