Популярные вопросы по тегу HTML-TABLE

Как вы визуализируете мат-таблицу Angular 9 без строки заголовка?

... ading"> {{ item_stat.max_date }} m </div> <div class="mainRow divider"> <a href="{{ item_stat.mobile_path }}">{{ item_stat.title }}</a> · ...

HTML: как сделать 2 таблицы с разными CSS

... е таблицы (на одной 3 странице), которые должны отображаться по-разному 2 (т.е. исполь ...

Как оставить немного места между нижним колонтитулом / заголовком таблицы и содержимым тела?

... "> <thead> <tr> <th>My Table Header</th> </tr> </thead> <tbody> <tr> <td>My Body Content</td> </tr> </tbody> <tfoot> <tr> <th>My Table Footer</th> </tr> </tfoot> </table> Мой CS ...

Объединить соседние ячейки таблицы HTML с одинаковым значением с помощью JS

... gt; <tr> <td>cod</td> </tr> <tr> <td>plaice</td> </tr> <tr> <td rowspan="2">bird</td> <td>robin</td> </tr> <tr> <td>crow</td> </tr> </table> Это совсем не то, что я хочу, ...

Допустимо ли назначать ID для TR или TD в таблице?

... исвоить 3 идентификатор TR или TD в таблице? Нравится: <td class = "xyz" id = "abc"></td> или <tr class = "xyz" id = "abc"> <td> </td> </tr> Я 2 погуглил, но не нашел подходящего ...

Использование calc() с таблицами

... style="width: calc( (100% - 230px) / 100 * 40);">Interpret</td> <!--Width should be 40% of the remaining space--> <td style="width: calc( (100% - 230px) / 100 * 20);">Album</td> <!--Width should be 20% of the remaining space--> <td style="width:80px;">Year</td><!--Fixed width--> <td style="width:180px;"&gt ...

Создать таблицу с помощью Javascript

... ment("tbody"); // cells creation for (var j = 0; j <= 2; j++) { // table row creation var row = document.createElement("tr"); for (var i = 0; i < 2; i++) { // create element <td> and text node //Make text node the contents of <td> element // put <td> at end of the table ...

Перебирать строки таблицы и печатать текст столбца с помощью Python Selenium

... rap;overflow:hidden;text-overflow:ellipsis;empty-cells:show;display:block;color:#00A;cursor:pointer;">Name</span> </div> </td> <td class="GAT4PNUEG GAT4PNUGG GAT4PNUNG"> <td c ...

Создание ширины таблицы td fill

... -------------------+ | [ DIV 1 ][ DIV 2 ] | +--------------------------------------------------------------+ Без таблицы я могу заставить 9 его работать, перемещаясь влево и вправо 8 напрямую, но затем, когда они «собираются 7 вместе», они будут обертываться друг под 6 другом, а не рядом друг с другом. РЕДАКТИРОВАТЬ: я 5 добавил новый jsfiddle ...

Как проверить данные строки таблицы с помощью Angular?

... ри td. Итак, у меня 7 два вопроса: Это правильный подход для встроенного 6 редактирования? (используя скрытые входы внутри 5 тд). Как проверить данные из строки? Обновление: я хочу 4 для строки таблицы что-то вроде «отправки 3 фор ...

Как: "Разделить строки таблицы линией

... TML, содержащая 3 строки таблицы. Моя цель - разделить эти 2 строки таблицы видимой линией (для луч ...

Отображение значений из таблицы базы данных MySQL внутри таблицы HTML на веб-странице

... показать их в таблице HTML на странице. Я 11 уже искал это, но я не смог найти ответ, хотя 10 это определенно что-то легкое (это должны 9 быть основы баз данных, лол). Я полагаю, что 8 термины, которые я искал, вводят в заблуждение. Имя 7 таблицы базы данных - билеты, сейчас в ней 6 6 полей (submission_id, formID, IP, name, email 5 и message), но должно быть еще одно поле 4 с именем ticket_number. Как я могу заставить 3 его отображать вс ...

Создать HTML-таблицу с помощью Javascript

... http://jsfiddle.net/drewnoakes/YAXDZ/ Ссылка выше возникла в stackoverflow, но 4 в настоящее время я не могу найти исходное 3 сообщение. http://www.java2s.com/Tutorial/JavaScript/0220__Array/OutputarrayelementinaHTMLtableformat.htm Любая помощь приветствуется. Чем 2 проще, тем лучше из-за моего ограниченног ...

Как в CSS заставить таблицу расширяться, чтобы заполнить контейнер div?

... height:100%; } #bottom-banner table { position:relative; height:100%; width:100%; } #bottom-banner div { position:relative; height:100%; width:100%; } #bottom-banner img { height:100%; position:absolute; right:0; left:0; margin:auto; top:0; bottom:0; width:auto; } </style> <div id="bottom-banner"> <ta ...

AngularJS сортировка строк по заголовку таблицы

... a); // This works for me so far Остальной 3 код, который я сколотил, выглядит примерно 2 так: <table class= "table table-striped table-hover"> <th ng-repeat= "header in headers"> <a> {{headers[$index]}} </a> </th> <tr ng-repeat "result in results"> <td> {{results.h1}} </td> <td> {{results.h2}} </td&gt ...

Преобразование данных таблицы HTML в объект JSON в jQuery

... ибудь знает, как преобразовать таблицу 2 значений HTML ...

CSS-таблица только внутри

... в течение 7 нескольких месяцев, и Google мне не помог. Я 6 пытаюсь установить интервал между тегами 5 <td> и <th&gt ...

html - строка таблицы как ссылка

... таблицы ссылкой 4 на что-то. Могу использовать только css 3 и html. Я пробовал разные вещи от div ...

Таблица HTML с фиксированными заголовками?

... амораживания» в 3 Microsoft Excel. Я хочу иметь возможность 2 прокручивать содержимое таблицы, но всегда 1 видеть заголовки столбцов вверх ...

Таблица HTML-тире

... d 4 E e .. 26 Z z Я 3 хочу отображать таблицу html точно так же, как 2 фрейм данных, но без индекса 0–26. Структура {'Cap' : ['A', 'B', 'C',....], 'non-Cap' : ['a','b','c',...]} Я 1 пробовал: return html.Table( [html.Tr([html.Th(col) for col in dataframe.columns])] + [html.Tr([ html.Td(datafra ...

Добавить горизонтальную полосу прокрутки в HTML-таблицу

... исимости от того, как 2 растет таблица, но я не могу отобразить 1 ни одну полосу прокрутк ...

Как исправить высоту ТР?

... e Time Started</td> <td> </td> <td rowspan="2" style="text-align:right;vertical-align:bottom;">☑</td> <td rowspan="2" style="font-weight:bold;vertical-align:bottom;">Tick when<br/> care starts</td> ...

Скрыть / показать столбец в таблице HTML

... у td в таблице, есть 2 ли способ выбрать весь столбец с помощью 1 jquery? Ниже приведен пример HTML. <table> <thead> <tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th class="col3">Header 3</th></tr> </thead> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr&gt ...

Форма внутри стола

... <form method="post" action=""> <td> <input type="text" name="job_num"> </td> <td> <input type="text" name="desc"> </td> </f ...

Столбец таблицы HTML выравнивается по правому краю

... (left column) (middle column) (right column) Есть 2 л ...

Таблица начальной загрузки с полосами: как изменить цвет фона полосы?

... строка 2 в моей таблице имеет цвет фона, равный #F9F9F9. Как 1 ...

Условное форматирование ячеек таблицы html

... спользование разных 9 цветов в качестве фона ячеек в зависимости 8 от значения (числового) того или другого 7 столбца (в той же таблице). Что-то похожее 6 на то, что есть в Excel Conditional Formating 5 -> Color Scales -> Red Yellow Green. Я хочу 4 реализовать это в таблице ...

Выровнять таблицу HTML по центру

... x.com/fr/page/minipuzzles.html Я 5 потратил много времени, пытаясь решить эту 4 проблему. Я хотел бы сохранить его в HTML, потому 3 что мне нужно спешить, а также потому, что 2 мне нужно создать 20 страниц с разной шириной 1 / + макетами для ...

Пропустить <td> в таблице HTML

... &lt;td&gt;Example&lt;/td&gt; &lt;/td&gt;Two&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Example&lt;/td&gt; &lt;/td&gt;Three&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;!-- Here I want to skip the first &lt;td&gt; cell; use only second. Example: &lt;td&gt;(empty, possibly &amp;nbsp;)&lt;/td&gt; &lt;td&gt;blah blah ...

Как сделать записи в одном столбце интерактивными в React Table?

... нными, вызываемыми 7 из API. Я хочу, чтобы значения отображались 6 в одном из столбцов в виде ссылок (hrefs). Этот 5 конкретный столбец содержит только URL-адреса. Как 4 реализовать это в React Table? columns: [ { filterable: false, ...

Альтернатива макету <table> в HTML

... &gt;stuff5A&lt;/div&gt; &lt;/div&gt; Я хочу, чтобы в приведенном 8 выше коде отображались две прокручиваемые 7 области в одной строке, и я не могу использовать 6 &lt;textarea&gt;, потому что текст должен быть нескольких 5 цветов (см. ссылку). Для тех, кто заинтересован, эта 4 страница в конечном итоге станет частью 3 п ...

Создание PDF-файла с использованием jsPDF с форматированными данными таблицы

... n true } } , margins = { top: 20, bottom: 20, left: 30, width: 922 }; pdf.fromHTML( source // HTML string or DOM elem ref. , margins.left // x coord , margins.top // y coord , { 'width': margins.width // max width of content on PDF , 'elementHandlers': specialElementHandlers }, function (di ...

Скрытие значка ручки изменения размера в CSS

... &lt;tr&gt; &lt;td&gt;&lt;div&gt;Body1&lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div&gt;Body2&lt;/div&gt;&lt;/td&gt; &lt;tr&gt; &lt;/table&gt; Я 7 хочу, чтобы размер каждого столбца th можно 6 было изменять, поэтому я доба ...

Получить количество строк в таблице HTML

... решения. Я хочу подсчитать 6 количество строк в моей HTML-таблице при 5 нажатии кнопки ссылки. Кто-нибудь может 4 мне помочь? Вот что у меня есть: $('#HypSelectAll').click(function () { var count = $('#gvPerformanceResult').children().length; for (i = 0; i &lt; count; i++) ...

HTML таблица охватывает всю ширину

... t;&gt; &lt;tr&gt; &lt;td&gt;100&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Этот код по-прежнему оставляет "дюйм" свободного 2 места с обеих сторо ...

Как вернуть индекс строки и столбца ячейки таблицы, нажав

... &quot;text/javascript&quot;&gt; $(document).ready(function(){ $('#example tbody').on( 'click', 'td', function () { alert('Data:'+$(this).html().trim()); alert('Row:'+$(this).parent().find('td').html().trim()); alert('Column:'+$('#example thead tr th').eq($(this).index()).h ...

Получение td по индексу с помощью jQuery

... толбца 3 ячейки с помощью jQuery, но не могу понять 2 обратное. Учитывая индекс строки и столбца, как ...

Как контролировать минимальную ширину ячейки таблицы?

... риной = X и высотой = 1: заставляет содержимое td сдвигаться вверх или вниз (более чем на 1 пиксель). div с шириной = X и высотой = 1 и float: left: на данный момент это работает лучше всего, хотя он немного подталкивает содержимое вверх или вниз. Есть другие идеи? Мне нужно, чтобы 3 он работал во всем, включая IE6 :( но если 2 есть решения, которые не работают в IE6, но 1 все осталь ...

Прокрутка HTML-таблицы на телефоне

... либо отношение 2 к этому. Я бы предпочел сохранить формат 1 области просмотра - с ним все лучше отображается. &lt;meta name="viewport" content="initial-scale=1.0; user-scalable=1;"&gt; &lt;table cellpadding=5 border=1 cellspacing=0&gt; &lt;tr bgcolor=d7d7d7&gt; &lt;td&gt;Location&lt;/td&gt; &lt;td&gt;This&lt;/td&gt; &lt;td&gt;Size&lt;/td&gt; &lt;td&gt;That&lt;/td&gt; &lt;td&gt;Weight&lt;/td&gt; &lt;td&gt; ...

Добавить столбец в таблицу с помощью jQuery

... м образом: &lt;table id="tutorial" width="600" border="0"&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr ...

HTML - включить прокрутку в ячейке таблицы

... таблицы с фиксированной 2 шириной и высотой .... и у меня есть данные, которые 1 превышают фиксированные размеры ячейки ... &lt;td width="500" height="300"&gt;lots of data that e ...

Сделайте <td> охватить всю строку в таблице

... сался 14 его и столкнулся с неприятной проблемой. У 13 меня есть таблица с двумя строками. Я хочу, чтобы 12 первая строка имела один столбец - это означает, что 11 она будет охватывать всю строку, и я хочу, чтобы 10 вторая строка имела три столбца, каждый 9 по 33,3% ширины строки. У меня есть этот 8 код для таблицы: &lt;table width="900px" border="0" cellspacing="0" ...

Как повернуть текст влево на 90 градусов, а размер ячейки регулируется в соответствии с текстом в html

... у меня есть таблица с несколькими 4 строками и столбцами, поэтому я хочу повернуть 3 текст в ячейках примерно так : проблема 2 в том, что я поворачиваю текст, используя 1 стиль: #rotate { -moz-transform: rotate(-90.0deg); /* FF3.5+ */ -o- ...

getElementsByTagName ("table") - получение td любопытным способом

... gt; &lt;/td&gt; &lt;td&gt; &lt;input type="button" value="Click" onclick="insertText()"/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Я хотел получить 6 первый элемент td из (первого) элемента 5 tr, я попробовал: var td = document.getElementsByTagName("table")[0].children[0].children[0]; Потому что это: var td = document.getElementsByTagName("table")[0] для самого элемента таблицы childr ...

Сортировка таблицы в asp.net MVC

... 7 работаю, используется следующее решение, но 6 я считаю его очень запутанным. Контроллер public ActionResult Sort(string parameter) { IEnumerable&lt;IProduct&gt; list; if (Session["Model"] != null) list = (IEnumerable&lt;IProduct&gt;)Session["Model"]).ToList&lt;IProduct&gt;(); else list = _service.GetAll(); if (Session["parameter"] == null &amp;&amp; Session["sortDirecti ...

Как показать / скрыть скрытые строки HTML-таблицы с помощью JavaScript (без jQuery)

... рнуть изображение 10 в первом столбце, видимость скрытой строки 9 изменится с отображения: нет; для отображения: table-row 8 ;. Я давно не писал JavaScript и должен 7 иметь возможность делать это строго в JavaScript 6 и не могу использовать метод jQuery toggl ...

Как получить несколько выбранных значений поля выбора в php?

... ;eighteen&lt;/option&gt; &lt;option value="19"&gt;nineteen&lt;/option&gt; &lt;option value="20"&gt;twenty&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;input type="submit" name="Submit" value="Submit" tabindex="2" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; ...

Используйте клавиши со стрелками для навигации по HTML-таблице

... нением фона ячейки css для 7 указания фокуса, а нажатие клавиши Enter 6 запускало диалоговое событие jQuery. Я использую 5 jQuery 1.9. Вот jsfiddle в основном то, что у меня 4 есть. Как сохранить текущую выбранную ячейку, чтобы 3 при нажатии на ячейку мышью, а затем при 2 использовании клавиш со стрелками, она перех ...

Супер простая подсказка CSS в таблице, почему она не отображается и можно ли заставить ее работать?

... ss=&quot;subTotalCaption2&quot;&gt;Mva (25%):&lt;/td&gt; &lt;td class=&quot;amount taxAmount2&quot;&gt;822.-&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&quot;subTotalCaption2&quot;&gt;&amp;nbsp;&lt;/td&gt; &lt;td colspan=&quot;4&quot; class=&quot;subTotalCaption2&quot;&gt;Totalt:&lt;/td&gt; &lt;td class=&quot;subTotal ...

Javascript - получить всю таблицу -> значения tr

... [email protected]&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; Может ли кто-нибудь сказать мне, как написать 6 строку Javascript, чтобы получать только 5 адрес электронной почты в таблице ниже, я 4 много искал, но все, что ...