HTML - Не могу правильно установить <TD>Высота с помощью jQuery

Question

В моей таблице я хотел бы сохранить высоту всех строк равномерно, поэтому я устанавливаю высоту td с помощью следующего скрипта jQuery

$(document).ready(function() {
            $(".striped tr").css("min-width", "540px").css("padding-left", "5px");
            $(".striped tr:odd").css("background-color", "#EDEDED");
            $(".striped").css("font-size", "13px");
            $(".striped td").css("min-height", "26px").css("vertical-align", "middle").css("display", "block");            
        });

Страница выглядела так до применения скрипта:

после применения скрипта:

Где ошибка?

Answer 1

Удалить css("display", "block")

Это заставляет элементы td находиться на уровне блоков и сталкиваться друг с другом.

Answer 2

Ячейки таблицы имеют display: table-cell.

Установка display: block заставляет их рассматриваться как обычные элементы, а не ячейки таблицы.