У меня есть таблица, которая довольно большая, поэтому мне нужен способ развернуть ее все время и развернуть ее только необходимо.Складной/раскладной стол с HTML/Javascript
Как я могу это сделать с помощью HTML? Мне нужен Javascript для этого? Если да, то какой код для этого?
Если вы будете использовать JQuery вы можете проверить код, приведенный ниже.
В CSS:
.collapsed-table tr {
display: none;
}
В HTML:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<table class="collapsed-table">
<caption>Expand/collapce</caption>
<tr>
<td></td>
</tr>
....
</table>
<script type="text/javascript">
$('.collapsed-table > caption').click(function() {
$(this).toggleClass('collapsed-table');
})
</script>
Держите заголовок (thead) видимым во все времена и переключайте видимость тела (tbody), когда пользователь нажимает на кнопку складывания.
Использование JQuery:
$('#foldbutton').click(function()
{
$('tbody').toggle();
});
Я знаю, это старый вопрос, но другие могут иметь такую же проблему, и никто не предоставили полное решение, поэтому, если вы хотите чтобы сложить/развернуть что-то с анимацией, я разработал сценарий с именем TextShower, который позволяет вам это сделать. Он очень настраиваемый, и вы можете свободно редактировать его источник. Надеюсь, это поможет :)
Можете ли вы привести своего рода пример? Я не слишком уверен, что вы имеете в виду, складывая/разворачивая таблицу. – barrylloyd
Почему вы не добавляете пейджинг вместо того, чтобы складывать/разворачивать? Таким образом, вы можете хранить данные в кэше и отображать только текущую страницу. Тогда вам не придется беспокоиться о плохой работе. –