html-table- все статьи тега
Установить максимальное количество отображаемых строк для таблицы HTML
Есть страница JSP с динамически генерируемой таблицей HTML с неизвестным количеством строк. Имеют свойство на бэкэнде, которое задает максимальное количество строк, например: max_rows=15 . Как ограничить количество строк для HTML-таблицы значениемmax_rows ? Другая часть таблицы должна быть доступна вертикальной прокруткой, это означает, что пользователь видит 15 строк, а если прокрутить вниз, то будут видны другие строки таблицы. Это можно сделать эмпирически, рассчитав среднюю высоту row и и ...
React: несколько строк таблицы в массиве.карта во время рендеринга
У меня есть эта проблема. Я хочу замкнуть массив и отобразить значения в виде таблицы, где каждый элемент является строкой в таблице. Пока никаких проблем. Но в зависимости от значения в каждом элементе я хочу показать дополнительную строку с большим количеством значений для каждого элемента массива. У меня есть такой код: <tbody> {myList.map((item, i) => { return ( <div> <tr key={i} onClick={toggleMobileOpen.bind(this, i)}> <td className=" ...
CSS для скрытия нескольких столбцов в таблице
У меня есть таблица, похожая на ту, что показана ниже на сайте SharePoint. Я не могу изменить таблицу, поскольку она генерируется динамически, но я могу добавить внешний CSS, чтобы переопределить ее стиль. Я должен показать только второй столбец и скрыть первый, третий и четвертый столбцы. Псевдокласс для скрытия первого столбца - table#student tr td:first-child { display: none; } Пожалуйста, помогите мне с псевдоклассом или любым другим трюком, чтобы скрыть третий и четвертый столбец. & ...
bootstrap 4 таблица размеров столбцов
В bootstrap 3 я мог бы применить col-sm-xx к тегам th в thead и изменять размер столбцов таблицы по желанию. Однако это не работает в bootstrap 4. Как я могу достичь чего-то подобного в bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Глядя на код, при условии, что он не имеет правильного размера, особенно если вы добавляете некоторые данные в ...
Сделайте div заполнить высоту оставшегося пространства экрана
в настоящее время я работаю над веб-приложением, где я хочу, чтобы контент заполнял высоту всего экрана. страница имеет заголовок, который содержит логотип и информацию о счете. Это может быть произвольная высота. Я хочу, чтобы содержимое div заполнило остальную часть страницы внизу. у меня есть заголовок div контент div. На данный момент я использую таблицу вот так: CSS и HTML #page { height: 100%; width: 100% } #tdcontent { height: 100%; } #content { overflow: a ...
Bootstrap - как настроить фиксированную ширину?
простая схема: <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> мне нужно установить фиксированную ширину для <td>. Я пробовал: tr.something { td { width: 90px; } } и td.something { width: 90px; } на <td class="something">B</td> и даже <td style="width: 90px;">B</td> но ширина <td> все то же самое. ...
Объединение столбцов все столбцы
как я могу указать td тег должен охватывать все столбцы (когда точное количество столбцов в таблице будет переменным/трудно определить, когда HTML отображается)? w3schools упоминает, что вы можете использовать colspan="0", но он не говорит точно, какие браузеры поддерживают это значение (IE 6 находится в нашем списке для поддержки). похоже, что настройка colspan до значения, превышающего теоретическое количество столбцов, которые вы можете иметь, будет работать, но это не будет работать, если ...
как сделать целую строку в таблице кликабельной в качестве ссылки?
Я использую Bootstrap и следующее не работает: <tbody> <a href="#"> <tr> <td>Blah Blah</td> <td>1234567</td> <td>£158,000</td> </tr> </a> </tbody> ...
Свойство border-radius CSS3 и border-collapse: collapse не смешиваются. Как я могу использовать border-radius для создания свернутой таблицы с закругленными углами?
Изменить - Оригинальное Название: есть ли альтернативный способ достижения border-collapse:collapse in CSS (чтобы иметь свернутый, закругленный угловой стол)? поскольку выясняется, что простое сворачивание границ таблицы не решает корневую проблему, я обновил заголовок, чтобы лучше отразить обсуждение. Я пытаюсь сделать стол с закругленными углами С помощью CSS3border-radius собственность. Стили таблицы я использование выглядит примерно так: table { -moz-border-radius:10px; -webkit-bo ...
HTML таблица с фиксированными заголовками?
есть ли кросс-браузерная CSS / JavaScript техника для отображения длинной таблицы HTML, чтобы заголовки столбцов оставались фиксированными на экране и не прокручивались с телом таблицы. Подумайте об эффекте "замораживания панелей" в Microsoft Excel. Я хочу иметь возможность прокручивать содержимое таблицы, но всегда иметь возможность видеть заголовки столбцов в верхней части. ...
Как использовать функцию slideDown (или show) в строке таблицы?
Я пытаюсь добавить строку в таблицу и иметь эту строку слайд в поле зрения, однако функция slidedown, похоже, добавляет стиль display:block в строку таблицы, которая портит макет. есть идеи, как обойти это? вот код: $.get('/some_url', { 'val1': id }, function (data) { var row = $('#detailed_edit_row'); row.hide(); row.html(data); row.slideDown(1000); } ); ...
как создать таблицу HTML с фиксированным / замороженным левым столбцом и прокручиваемым телом?
Как создать таблицу HTML с фиксированным / замороженным левым столбцом и прокручиваемым телом? Мне нужно простое решение. Я знаю, что это похоже на некоторые другие вопросы, такие как: HTML таблица с фиксированными заголовками и фиксированным столбцом? как я могу заблокировать первую строку и первый столбец таблицы при прокрутке, возможно, с помощью JavaScript и CSS? но мне нужен только один левый столбец, чтобы быть заморожены и я бы предпочел простое и без скрипта решение. ...
Форма внутри таблицы
Я включаю некоторые формы внутри таблицы HTML для добавления новых строк и обновления текущих строк. Проблема, которую я получаю, заключается в том, что когда я проверяю формы в своих инструментах разработки, я вижу, что элементы формы закрываются сразу после открытия (входы и т. д. не включены в форму). таким образом, отправка формы не включает поля. строка таблицы и входные данные выглядят следующим образом: <tr> <form method="post" action=""> <td> ...
CSS-граница только внутри таблицы
Я пытаюсь выяснить, как добавить границу только внутри таблицы. Когда я это делаю: table { border: 0; } table td, table th { border: 1px solid black; } граница проходит вокруг всей таблицы, а также между ячейками таблицы. То, что я хочу достичь, - это иметь границу только внутри таблицы вокруг ячеек таблицы (без внешней границы вокруг таблицы). вот разметку я использую для таблиц (хотя я думаю, что это не важно): <table> <tr> <th>Heading 1</th> ...
Заголовки таблиц HTML всегда видны в верхней части окна при просмотре большой таблицы
Я хотел бы иметь возможность" настроить " презентацию таблицы HTML, чтобы добавить одну функцию: при прокрутке вниз по странице, чтобы таблица была на экране, но строки заголовка находятся вне экрана, я хотел бы, чтобы заголовки оставались видимыми в верхней части области просмотра. Это было бы концептуально, как "закрепить области" в Excel. Однако HTML-страница может содержать несколько таблиц, и я бы хотел, чтобы это произошло только для таблицы, которая в настоящее время in-view, только пока ...
Скрыть / показать столбец в таблице HTML
У меня есть таблица HTML с несколькими столбцами, и мне нужно реализовать выбор столбцов с помощью jquery. Когда пользователь нажимает на флажок, я хочу Скрыть / показать соответствующий столбец в таблице. Я хотел бы сделать это, не прикрепляя класс к каждому td в таблице, есть ли способ выбрать весь столбец с помощью jquery? Ниже приведен пример HTML. <table> <thead> <tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th ...
HTML-таблицы: элементы thead против Че
похоже (согласно примерам на на этой странице, в любом случае), что если вы используете THEAD, вам не нужно использовать TH. Это правда? Если да, то каковы преимущества/недостатки THEAD против TH? ...
CSS таблица-ячейка равной ширины
У меня есть неопределенное количество элементов таблицы-ячейки внутри контейнера таблицы. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> есть ли чистый CSS-способ получить ячейки таблицы равной ширины, даже если они имеют содержимое разного размера внутри них? спасибо. Edit: наличие максимальной ширины повлечет за собой знание того, сколько ячеек у вас есть, я думаю? ...
Jquery вставить новую строку в таблицу по определенному индексу
Я знаю, как добавить или вставить новую строку в таблицу с помощью jQuery: $('#my_table > tbody:last').append(html); как вставить строку (заданную в переменной html) в определенный "индекс строки"i. Так что если i=3, например, строка будет вставлена как 4-я строка в таблице. ...
Bootstrap table striped: как изменить цвет фона полосы?
С Bootstrap class table-striped, каждая другая строка в моей таблице имеет цвет фона, равный #F9F9F9. Как я могу изменить этот цвет? ...