table.less 1.5 KB

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