extjs显示grid网页线

最新推荐文章于 2022-09-02 16:45:45 发布

逆天小北鼻

最新推荐文章于 2022-09-02 16:45:45 发布

阅读量1.8k

点赞数

文章标签： extjs styles float table

本文链接：https://blog.csdn.net/shutingwang/article/details/7601133

版权

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

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

我的电脑是正常的^_^ （代码如下：）

		<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>