table.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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: 16%;
  16. }
  17. &:nth-child(2) {
  18. width: 18%;
  19. }
  20. &:nth-child(3) {
  21. width: 10%;
  22. }
  23. &:nth-child(4) {
  24. width: 10%;
  25. }
  26. &:nth-child(5) {
  27. width: 10%;
  28. }
  29. &:nth-child(6) {
  30. width: 10%;
  31. }
  32. &:nth-child(7) {
  33. width: 18%;
  34. }
  35. &:nth-child(8) {
  36. width: 8%;
  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. }