@import  "coco-variables.scss";


.datagrid{
	// delete easyui default
	.panel-body{ border-width: 0;}
	
	// head,foot line
	.datagrid-header, .datagrid-toolbar, .datagrid-pager, .datagrid-footer-inner{
		border-color: $--datagrid-line-color; 
	}
	
	// 分页行 背景
	.datagrid-toolbar, .datagrid-pager{ background: #FFF;}
	.pagination{ padding: 8px 0;
		select,input{ border-radius: 4px; border-color: #DDD;}
	}
	.pagination>table{ float: none; margin: 0 auto;}
	.pagination-info{ display: none;}
	.pagination-btn-separator{ margin: 3px 8px;}
	.pagination-num{ height: 28px; margin: 0 8px;}
	.pagination-page-list{ height: 28px; }
	
	.datagrid-toolbar{ border-bottom-width: 0;}
	
	// 表头 background
	.datagrid-header{ background: $--datagrid-head-background; font-weight: bold;}
	// 行号 background
	.datagrid-td-rownumber{ background: #FFF;}
	
	
	// 间距
	.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
		padding-left: 10px; padding-right: 10px; text-overflow: ellipsis;
	}
	
	// 文字颜色
	.datagrid-htable, .datagrid-btable, .datagrid-ftable{ color: $--text-color-second;}
	.datagrid-row-over, .datagrid-header td.datagrid-header-over{ color: $--text-color-regular;}
	.datagrid-body .datagrid-cell{ color: $--text-color-regular;}
	
	// border
	&.border{
		.datagrid-view{ border:1px solid $--datagrid-line-color; width:auto!important}
		.pagination{ border-top-width: 0;}
	}
	
	
	
	&.line{
		// head下line
		.datagrid-header{ border-bottom-width: 0;}
		.datagrid-header-row{ font-weight: bold;
			td{border-bottom-width: 0;}
		}
		
		.datagrid-header td, .datagrid-body td, .datagrid-footer td{
			border-left-width: 0;border-right-width: 0; border-color: $--datagrid-line-color; border-style: solid;
		}
		
		.datagrid-body tbody>tr:last-child td{ border-bottom:none }
	}
}



.xl.datagrid{
	.datagrid-header .datagrid-cell span{ font-size: 15px;}
	.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{ font-size: 16px;}
	.datagrid-header-row{ height: 40px;}
	.datagrid-row{ height: 50px; }
}
.md.datagrid{
	.datagrid-header .datagrid-cell span{ font-size: 14px;}
	.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{ font-size: 14px;}
	.datagrid-header-row{ height: 40px;}
	.datagrid-row{ height: 45px; }
}
.datagrid{
	.datagrid-header .datagrid-cell span{ font-size: 13px;}
	.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{ font-size: 14px;}
	.datagrid-header-row,.datagrid-row{ height: 40px; }
}
.xs.datagrid{
	.datagrid-header .datagrid-cell span{ font-size: 12px;}
	.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{ font-size: 13px;}
	.datagrid-header-row,.datagrid-row{ height: 36px; }
}