.stackpanel-vertical { display: flex; flex-direction: column; } .fix-top { top: 5.34rem; width: 100%; background: white; position: fixed; } .search-line { display: flex; width: 100%; justify-content: space-around; padding: 0 0.83rem; box-sizing: border-box; } .search-criteria { border: 1px solid #d9d9d9; border-radius: 0.25rem; height: 2.5rem; width: 23%; } .search-criteria:nth-child(2) { margin: 0 0 0 2.6%; } .search-criteria:nth-child(3) { margin: 0 2.6%; } table { width: 100% } tr { border-top: 1px solid #d9d9d9; background: white; } tr td:nth-child(odd) { background: #f7f7f7; } tr:last-child { border-bottom: 1px solid #d9d9d9; } td { text-align: center; height: 2.58rem; } .ai-table td:nth-child(1) { width: 40%; } .ai-table td:nth-child(2) { width: 25%; } .ai-table td:nth-child(3) { width: 15%; display: table-cell; } .ai-table td:nth-child(4) { width: 20%; display: table-cell; } .di-table td:nth-child(1) { width: 70%; } .di-table td:nth-child(2) { width: 30%; } .di-table td:nth-child(3) { width: 0%; display: none; } .di-table td:nth-child(4) { width: 0%; display: none; } .enableClick { color: #e9be2b; } .disableClick { color: rgba(148,148,147,0.8); } .table-content { /*加上此样式后,子元素table-header 的fixed将相对此父类名来说*/ transform:translate(0,0); position: fixed; width: 100%; /*top: 16rem;*/ } .table-header { position: fixed; width: 100%; box-sizing: border-box; } .chart { height:20rem; position:fixed; width:100%; background:white; } .table-body tr:nth-child(1) { border-top: none; }