::-webkit-scrollbar{width:0px} td{ white-space:nowrap; vertical-align:middle; text-align:center; } .stackpanel-vertical { display: flex; flex-direction: column; } .stackpanel-horizontal { display: flex; flex-direction: row; } .fix-top { top: 5.34rem; width: 100%; background: white; position: fixed; z-index: 100; } .search-line { display: flex; width: 100%; justify-content: space-between; padding: 0 0.83rem; box-sizing: border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ align-items: center; } .search-criteria { border: 1px solid #d9d9d9; border-radius: 0.25rem; height: 2.5rem; width: 23%; } .datetime-line { width: 70%; display: flex; justify-content: space-between; align-items: center; } .center { display: flex; align-items: center; } .datetime { line-height: 2.5rem; text-align: center; } .underline-yellow { border-bottom: 1px solid #e9be2b } .img-drop-down { height: 1.2rem; width: 1.2rem; margin: 0 0.625rem 0 0; } .table-panel{ /* Add start 2018/8/23 15:00 kangzhi */ /* 给 echarts 表留出位置 */ margin-top: 18.5rem; /* Add end 2018/8/23 15:00 kangzhi */ position:absolute; display:flex; width:100%; overflow: hidden; } .table-head{ position:absolute; left:0px; top:0px; width:100%; height:5.16rem; z-index:1000; } .table-head-right{ overflow:scroll; position:absolute; top:0px; } #header-table{ border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; box-sizing:content-box; -moz-box-sizing:content-box; /* Firefox */ -webkit-box-sizing:content-box; /* Safari */ } #table-head-left { position:relative; z-index: 10000; } .time-title-cell{ height:5.2rem; width:10.4rem; display:table-cell; align-items:center; justify-content:center; background:#E9BE2B; border-top:2px solid #E9BE2B; border-bottom:1px solid #d9d9d9; } .table-head-right td{ height:2.6rem; } #table-header-list td:not(:last-child){ border-right:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:content-box; /* Firefox */ -webkit-box-sizing:content-box; /* Safari */ } #table-title-list { border-top:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ height:2.58rem; } #table-title-list td:nth-child(even){ background:#f7f7f7; } .table-body{ width:100%; position:absolute; overflow: hidden; } .table-body-right tr,.table-body-left tr{ border-bottom:1px solid #d9d9d9; box-sizing:content-box; -moz-box-sizing:content-box; /* Firefox */ -webkit-box-sizing:content-box; /* Safari */ } .table-body-right td, .table-body-left td{ height:2.6rem; } .table-body-left{ position:absolute; top:0; width:10.4rem; overflow: scroll; } .table-body-right{ position:absolute; top:0; overflow: scroll; } .table-body-left td{ width:10.4rem; text-align:center; vertical-align:center; background:#f7f7f7; } #tbHistroyValue tr>td:nth-child(even){ background:#f7f7f7; } /* Add start 2018/8/23 10:01 kangzhi */ /* echarts 容器样式 */ #echarts-container { box-sizing: border-box; margin-top: 11.5rem; height: 19rem; width: 100%; } /* Add end 2018/8/23 10:01 kangzhi */