// 自定义table @titleGray: #9ca5a8; @rowGray: #606769; @darkBack: #536268; .com-table { width: 100%; border-collapse: collapse; thead { tr { display: table; table-layout: fixed; width: 100%; th { background-color: fade(@darkBack, 20%); height: 30px; line-height: 30px; color: @titleGray; font-weight: 400; font-size: @fontsize-s; position: sticky; top: 0; cursor: pointer; &.light, &.always-light { color: @green; } } } } tbody { display: block; tr { display: table; table-layout: fixed; width: 100%; &:nth-child(2n) { background-color: fade(@rowGray, 20%); } td { padding: 4px; color: @rowGray; text-align: center; font-size: @fontsize-s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; & > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } &.light, &.always-light { color: @green !important; } &.num { font-family: "Bicubik"; font-weight: 400; } } } } }