table.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @import "~antd/lib/style/themes/default.less";
  2. @import "../../utils/utils.less";
  3. .table {
  4. :global {
  5. .ant-table-tbody > tr > td,
  6. .ant-table-thead > tr > th {
  7. height: 50px;
  8. }
  9. }
  10. &.motion {
  11. :global {
  12. .ant-table-tbody > tr > td,
  13. .ant-table-thead > tr > th {
  14. &:nth-child(1) {
  15. width: 8%;
  16. }
  17. &:nth-child(2) {
  18. width: 14%;
  19. }
  20. &:nth-child(3) {
  21. width: 13%;
  22. }
  23. &:nth-child(4) {
  24. width: 13%;
  25. }
  26. &:nth-child(5) {
  27. width: 10%;
  28. }
  29. &:nth-child(6) {
  30. width: 10%;
  31. }
  32. &:nth-child(7) {
  33. width: 19%;
  34. }
  35. &:nth-child(8) {
  36. width: 13%;
  37. }
  38. }
  39. .ant-table-thead {
  40. & > tr {
  41. transition: none;
  42. display: block;
  43. & > th {
  44. display: inline-flex;
  45. align-items: center;
  46. justify-content: center;
  47. }
  48. }
  49. }
  50. .ant-table-tbody {
  51. & > tr {
  52. transition: none;
  53. display: block;
  54. border-bottom: 1px solid #f5f5f5;
  55. & > td {
  56. border-bottom: none;
  57. display: inline-flex;
  58. align-items: center;
  59. justify-content: center;
  60. }
  61. &.ant-table-expanded-row-level-1 > td {
  62. height: auto;
  63. }
  64. }
  65. }
  66. }
  67. }
  68. }
  69. .splitLine {
  70. background: @border-color-split;
  71. display: inline-block;
  72. margin: 0 8px;
  73. width: 1px;
  74. height: 12px;
  75. }