.main-page { position: relative; width: 100%; height: 100%; overflow-y: auto; padding: 15px 10px; background-color: #fff; .page-content { border: 1px solid #ccc; height: 100%; padding: 10px 20px; .search-filter { padding: 0 15px; .input-container { padding: 0; > .form-control { width: 180px; display: inline-block; } } } .airline-table{ .table-container { display: inline-block; // position: relative; width: 100%; // overflow-x: auto; overflow-y: hidden; box-shadow: 0 0 1px 0.5px #ddd; .table-head { overflow: hidden; overflow-y: auto; height: 42px; table { margin: 0; width: max-content; th { border-bottom: none; background-color: #ddd; text-align: center; color: rgb(0, 0, 255); } } &::-webkit-scrollbar { width: 15px; height: 15px; } } .table-body { position: relative; // height: 600px; overflow: auto; width: 100%; .list-view-phantom { position: absolute; left: 0; top: 0; right: 0; z-index: -1; } table { left: 0; right: 0; top: 0; position: absolute; width: max-content; tr { cursor: pointer; height: 42px; &.selected { background: rgb(181, 215, 255); } } td { border: 1px solid #dee2e6; text-align: center } } &::-webkit-scrollbar { width: 15px; height: 15px; } &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: rgba(165, 207, 222, 1); border-radius: 10px; } &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.06); border-radius: 10px; } } } } } }