::ng-deep{
    table{
        box-sizing: border-box;
        width:100%;
        position: relative;
    }    
    .table1{
        width:20%;
        position: absolute;
        background: #fff;
        z-index: 10;
    }
    .table1 tr{
        background: #fff;
    }
    .table1 tr td{
        background: #fff;
    }
    .table2{
        width:100%;
        position: relative;
    }
    .table2 .ant-table-body{
        width:auto;
        overflow-x: scroll;
    }
    td{
        min-width:100px;
        height: 50px;
    }
    .table1 .ant-table-thead > tr.ant-table-row-hover > td,.table1 .ant-table-tbody > tr.ant-table-row-hover > td,.table1 .ant-table-thead > tr:hover > td,.table1 .ant-table-tbody > tr:hover > td {
        background: none !important;
    }
    .ant-table-tbody  > tr > td{
        box-sizing: border-box;
        height: 50px;
        border:1px solid transparent;
    }
    .ant-table-tbody > tr{
        box-sizing: border-box;
        height: 50px;
    }
    .table2 .ant-table-tbody > .hover > td:hover{
        box-sizing: border-box;
        border-color:blue;
    }
    .tooltip{
        width:100px;
        height:60px;
        background-color:#fff;
        box-shadow: 1px 1px 10px #888888;
        font-size: 20px;
        position: absolute;
        z-index: 1000;
        text-align: center;
        line-height: 60px;
    }
    .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
        padding: 0px !important;
    }
    .td-span{
        color: rgb(255, 255, 255);
        display: inline-block;
        width: 100%;
        height: 50px;
        line-height: 50px;
    }
}