программирование html-table

9

Как отобразить полосу прокрутки в таблице html

Я пишу страницу, где мне нужна таблица html для поддержания заданного размера. Мне нужно, чтобы заголовки в верхней части таблицы всегда оставались там, но мне также нужно, чтобы тело таблицы прокручивалось независимо от того, сколько строк добавлено в таблицу. Я хочу, чтобы он выглядел как метод 2 в этом URL: …

86 html css scroll html-table overflow

6

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

Я использую следующий код. Как с помощью CSS разместить эту таблицу в центре страницы? <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>The Main Page</title> </head> <body> <table> <tr> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> </tr> </table> …

81 html css html-table center

4

Как я могу создать заголовок таблицы, который охватывает несколько строк в HTML?

Я хотел бы построить такую таблицу: | Major Heading 1 | Major Heading 2 | | Minor1 | Minor2 | Minor3 | Minor4 | ---------------------------------------------- | col1 | col2 | col3 | col4 | rest of table ... Учитывая, что для элементов TH имеется только одна строка, как я могу …

80 html html-table

1

Использование jQuery UI с возможностью сортировки с помощью HTML-таблиц

Я хочу вывести некоторые данные из базы данных в таблицу HTML, и я хочу, чтобы пользователь мог изменять порядок строк таблицы. Для этого я использовал jQuery UI sortable, таким образом: <script> $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); }); </script> <?php while($row = mysql_fetch_assoc($co_authors)) { echo "<tr id='sortable'><td>{$row['author_email']}</td> <td>{$row['coauthor_level']}</td>"; …

80 jquery jquery-ui html-table jquery-ui-sortable

3

Применить стиль к ячейкам первой строки

Это должно быть очень просто, но я не могу понять. У меня есть такая таблица: <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4 </td></tr> </table> Я хочу, чтобы tdтеги первой trстроки имели vertical-align. Но не второй ряд. .category_table td{ vertical-align:top; }

79 html css css-selectors html-table

5

Используя CSS, как «плотно» выровнять «A» по низу / концу «B», где «B» имеет неизвестную ширину и перенос текста

У меня есть «сортируемая» таблица, где в заголовке сортируемого в данный момент столбца отображается значок: Значок сортировки должен отображаться в конце текста (т. Е. Мы поддерживаем LTR / RTL). Я сейчас пользуюсь display:flex. Однако, если ширина таблицы уменьшается и текст заголовка столбца начинает переноситься, я сталкиваюсь с неоднозначными состояниями, когда …

9 html css layout html-table alignment

Вопросы с тегом «html-table»