Jquery - динамически изменять высоту строки таблицы.

Question

Я использую данные из Jquery.У меня есть таблица с id = "disabledRegion".В нем есть столбец с переключателем внутри.Частично, некоторые стили вокруг этой ячейки переключателя дают каждой строке ее высоту.

В особом случае мне нужно скрыть столбец переключателя, выполнив что-то вроде этого

affectedRegion.fnSetColumnVis(0, false);

Однако, когда я делаю это, строки становятся намного короче, чем я хочу.Поскольку этот код используется во многих других местах, я хотел бы знать, есть ли способ в Jquery, который позволяет динамически изменять высоту строки, чтобы сохранить тот же внешний вид.

Я попробовал ниже, и это не работает.

$("#affectedRegion").css('height', '25px');

Спасибо за вашу помощь заранее.

Answer 1

Я настроил простую jsFiddle для демонстрации установки высоты строки строки таблицы, и, похоже, она работает нормально.Я использую Chrome, если это помогает.

Я изменяю высоту тега <tr>, если это помогает.

Если у вас есть другие вопросы, дайте мне знать, и яобновлю мой ответ.

Удачи.Надеюсь, это поможет.

ОБНОВЛЕНИЕ Обновил мою скрипку здесь .Если у вас есть доступ к индексу строки, размер которой нужно изменить, вы можете использовать функцию eq в jQuery, чтобы влиять только на эту строку таблицы в вашей таблице.Я не уверен, помогает ли это или нет, но это позволяет вам избежать использования идентификатора или какого-либо класса маркера, назначенного каждой строке.

HTML

<table id='affectedRegions'>
    <tr id='affectedRegion'>
        <td>Hello</td>
        <td>There</td>
    </tr>
    <tr id='affectedRegion2'>
        <td>Hello</td>
        <td>There</td>
    </tr>
</table>

jQuery

//change the height of the 2nd table row within #affectedRegions table
// eq() is zero-based.
$('#affectedRegions tr').eq(1).css('height', '200px');