index.less 4.99 KB
Newer Older
邓晓峰's avatar
邓晓峰 committed
1 2
@root-entry-name: 'default';
@import '~antd/es/style/themes/index.less';
3 4 5
@basic-table-prefix-cls: ~'@{ant-prefix}-basic-table';

.@{basic-table-prefix-cls} {
涂茜's avatar
涂茜 committed
6 7
  display: flex;
  flex-direction: column;
8
  height: 100%;
涂茜's avatar
涂茜 committed
9
  overflow: hidden;
10

11 12 13 14 15 16
  .@{ant-prefix}-table-wrapper,
  .@{ant-prefix}-spin-nested-loading,
  .@{ant-prefix}-spin-container,
  .@{ant-prefix}-table,
  .@{ant-prefix}-table-container,
  .@{ant-prefix}-table-content {
涂茜's avatar
涂茜 committed
17 18 19 20
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
21 22
  }

23 24
  .@{ant-prefix}-table-tbody > tr,
  .@{ant-prefix}-table-tbody > tr > td {
涂茜's avatar
涂茜 committed
25
    background: white;
26 27
  }

28
  .@{ant-prefix}-table-thead > tr > th {
29 30
    font-weight: 600;
    background: white;
31 32 33 34 35
    border-bottom: 1px solid #dbe7fb !important;
  }

  .@{ant-prefix}-table-body {
    border-top: 1px solid #dbe7fb;
36 37
  }

38
  .@{ant-prefix}-table-thead > tr > th .@{ant-prefix}-table-column-sorters {
涂茜's avatar
涂茜 committed
39 40 41
    padding: 0;
  }

42
  .@{ant-prefix}-table-thead > tr > th .@{ant-prefix}-table-column-sorter-full {
涂茜's avatar
涂茜 committed
43 44 45
    margin-top: -0.5em;
  }

46 47 48 49
  .@{ant-prefix}-table-thead > tr > th,
  .@{ant-prefix}-table-tbody > tr > td,
  .@{ant-prefix}-table tfoot > tr > th,
  .@{ant-prefix}-table tfoot > tr > td {
50
    padding: 8px 8px;
涂茜's avatar
涂茜 committed
51 52
  }

53
  .@{ant-prefix}-table-tbody > tr:hover:not(.@{ant-prefix}-table-expanded-row) > td {
涂茜's avatar
涂茜 committed
54
    background: white;
55 56
  }

57 58
  .@{ant-prefix}-table-tbody > tr:nth-child(2n-1),
  .@{ant-prefix}-table-tbody > tr:nth-child(2n-1) td {
59 60 61
    background: #f6f9fe;
  }

62
  .@{ant-prefix}-table-tbody > tr:hover {
63
    background: #edf2ff;
李纪文's avatar
李纪文 committed
64 65 66
    td {
      background: #edf2ff !important;
    }
67 68
  }

69
  .@{ant-prefix}-table-tbody > tr > td {
涂茜's avatar
涂茜 committed
70 71 72
    border-bottom: 1px solid #dbe7fb;
  }

73 74 75
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
76 77 78 79
    > table
    > thead
    > tr
    > th,
80 81 82
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-header
83 84 85 86
    > table
    > thead
    > tr
    > th,
87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-body
    > table
    > thead
    > tr
    > th,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
    > table
    > tbody
    > tr
    > td,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-header
104 105 106 107
    > table
    > tbody
    > tr
    > td,
108 109 110
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-body
111 112 113 114
    > table
    > tbody
    > tr
    > td,
115 116 117
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
118 119 120 121
    > table
    > tfoot
    > tr
    > th,
122 123 124
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-header
125 126 127 128
    > table
    > tfoot
    > tr
    > th,
129 130 131 132 133 134 135 136 137 138
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-body
    > table
    > tfoot
    > tr
    > th,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-content
139 140 141 142
    > table
    > tfoot
    > tr
    > td,
143 144 145
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-header
146 147 148 149
    > table
    > tfoot
    > tr
    > td,
150 151 152 153 154 155 156
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered
    > .@{ant-prefix}-table-container
    > .@{ant-prefix}-table-body
    > table
    > tfoot
    > tr
    > td {
157 158 159
    border-right: 1px solid #dbe7fb;
  }

160
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered > .@{ant-prefix}-table-container {
涂茜's avatar
涂茜 committed
161 162 163 164
    border-top: 1px solid #dbe7fb;
    border-left: 0;
  }

165 166
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered .@{ant-prefix}-table-header,
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered .@{ant-prefix}-table-body {
涂茜's avatar
涂茜 committed
167
    border-left: 1px solid #dbe7fb;
168
  }
涂茜's avatar
涂茜 committed
169

170 171 172 173
  .@{ant-prefix}-table.@{ant-prefix}-table-bordered .@{ant-prefix}-table-header {
    border-right: 1px solid #dbe7fb;
  }

174
  .@{ant-prefix}-table-cell-scrollbar {
李纪文's avatar
李纪文 committed
175 176 177 178
    border-left: 0px;
    box-shadow: none;
  }

179
  .@{ant-prefix}-table-summary {
涂茜's avatar
涂茜 committed
180 181 182 183 184 185 186
    tr td {
      position: sticky;
      bottom: 0;
      background: white;
      border-top: 1px solid #dbe7fb;
    }
  }
187

188
  .@{ant-prefix}-pagination {
189 190 191 192
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 8px;
    justify-content: flex-end;
李纪文's avatar
李纪文 committed
193 194
    padding-top: 10px;
    border-top: 1px solid #efefef;
195

196
    .@{ant-prefix}-pagination-total-text {
197 198 199 200
      margin-right: auto;
      margin-left: 8px;
    }
  }
201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218

  // /* 显示拖拽样式 */
  // .react-resizable {
  //   position: relative;
  //   background-clip: padding-box;
  // }

  // /* 显示拖拽手势 */
  // .react-resizable-handle {
  //   position: absolute;
  //   width: 10px;
  //   height: 100%;
  //   bottom: 0;
  //   right: 0;
  //   cursor: col-resize;
  //   z-index: 6;
  //   //border-left: white 1px solid;
  // }
219
}