.membershipTable { .ant-table-bordered .ant-table-header>table, .ant-table-bordered .ant-table-body>table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table { border: 1px solid #000; border-right: 0; border-bottom: 0; } .ant-table-tbody>tr>td { border-bottom: 1px solid #000; } .ant-table-bordered .ant-table-thead>tr>th, .ant-table-bordered .ant-table-tbody>tr>td { border-right: 1px solid #000; } .ant-table-bordered .ant-table-thead>tr>th, .ant-table-bordered .ant-table-tbody>tr>td { border-right: 1px solid #000; } .ant-table-bordered .ant-table-thead>tr>th { border-bottom: 1px solid #000; } .ant-table-middle .ant-table-thead>tr>th:not(.ant-table-selection-column) { padding: 0; height: 40px; } .color0 { padding: 10px 8px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } .ant-table-thead>tr>th { span { display: inline-block; width: 100%; height: 100%; } } .color1 { background: #fff3ca; padding: 10px 8px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } .color2 { background: #a8eae4; padding: 10px 8px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } .color3 { background: #ffff00; padding: 10px 8px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } .color4 { background: #b5c6ea; padding: 10px 8px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } .color5 { background: #f9cbaa; padding: 10px 8px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } }