import styled from 'styled-components';

export const Wrapper = styled.div`
  border: 1px solid #f0f0f0;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
  border-right: 0;
  border-bottom: 0;
  font-size: 14px;
  position: relative;
  table{
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border:0;
    color: #606266;
    font-weight: 600;
    tbody{
      overflow: auto scroll;
      tr{
        height: 40px;
        background: #fff !important;
        line-height: 16px;
        td{
          padding: 0 !important;
          background: #eef1f6;
          background-image: linear-gradient(#e8eaec,#e8eaec);
          background-repeat: no-repeat;
          background-size: 100% 1px;
          background-position: 100% 100%;
          border-bottom: 1px solid #e5e8f1;
          word-break: break-all;
          padding-left: 10px;
          padding-right: 10px;
          .td-cell{
            display: block;
            height: 100%;
            white-space: nowrap;/*控制单行显示*/
            overflow: hidden;/*超出隐藏*/
            text-overflow: ellipsis;/*隐藏的字符用省略号表示*/
          }
        }
      }
    }
  }
`