airport-chengdu-web/src/app/pages/basic-data/checkin-group/checkin-group.component.scss

.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;
                    }
                }
            }
        }
    }
}