Как выровнять ячейки head и body в таблице?

Question

[Дамир Шаниязов]

.table-shdd {
            display: table;
            width: 100%;
            overflow-x: scroll;
            font-size: 14px;
        }

        .table-header {
            background-color: #e1e1e1;
            border-bottom: 1px solid lightgray;
        }

        .table-row {
            display: table-row;
            border: 1px solid lightgray;
            border-radius: 10px 10px 0px 0px;
        }

        .table-body > .table-row:nth-child(even) {
            background-color: #f3f3f3;
        }

        .table-row:hover {
            background-color: #e5e5e5 !important;
        }

        .table-cell {
            min-width: 100px;
            display: table-cell;
            padding: 10px;
            border-right: 1px solid #d3d3d3;
            text-align: center;
        }

        .table-row > .table-cell:first-child {
            text-align: left;
        }

        .table-body > .table-row > .table-cell:nth-child(2) {
            text-align: left;
        }

        .table-shdd .table-header .title-indicators {
            display: flex;
        }

        .indicators {
            display: flex;
            justify-content: space-evenly;
        }

        .indicator {
            width: 100%;
            text-align: center;
        }

Comments

[Ankhena]

Как выровнять ячейки head и body в таблице?

Если верстать таблицу таблицами, то такой проблемы вообще не будет.

Альтернативы:
- задавать фикс ширину
- js
- гриды, но, наверное, придется поменять разметку. Сейчас её можно только угадать.

Answer 1

[Andrei Alisenok]

Дамир Шаниязов

inline
valign="middle"
align="center"

css
text-align: center
vertical-align: middle

Comments

[Дамир Шаниязов]

внимательнее :)