Как лучше сверстать, таблицей или блочно?

Question

[versity]

С виду проще сделать таблицей, но в любом случае придется писать js. Но в каком случае будет проще все это дело стилизовать и написать js.
Стрелки слева (смотрят вниз) статичные. ВЕСЬ столбец должен выделяться при наведении. Причем сразу приходит в голову сделать тремя таблицами, но тогда для выделения столбца писать js.
Дополнение: нужно, чтобы столбцы прокручивались, как здесь b4ubesub.bget.ru/str/trenera.html
Тогда я сверстал дивами и обернул все это в owl-carousel. Казалось бы, скопировать и отредактировать, но может кто знает подобное решение с таблицей.

Comments

[Константин Громов]

Можно написать одну таблицу с 3 tbody, js для выделения столбов понадобится в любом случае, если не хотите коверкать вёрстку.

Answer 1

[Котик Антон]

В идеале нужно стараться соблюдать семантику: таблицу - делать таблицей, всё, что не является таблицей - блоками, и т. п.

ВЕСЬ столбец должен выделяться при наведении.

js, но можно и так css-tricks.com/simple-css-row-column-highlighting/

В итоге не стал заморачиваться таблицами

Конкретно в вашем случае, думаю таблицей (тегом <table>) сделать бы не получилось, так как для карусели нужно, чтобы прокручиваемые элементы были обёрнуты в какой-либо тег. А так как прокручивается всё, кроме первого столбца, то нужна была бы разметка вроде:

<table>
<tr>
    <th>Лиды</th>
    <xxx>
        <td>23</td>
        <td>100</td>
        <td>50</td>
        <!-- ... -->
    </xxx>
</tr>
</table>

Тега подходящего на роль <xxx> в html нет.

Comments

[versity]

По сути это таблица. Я вот смотрю и вижу таблицу. Но нужно прокручивать столбцы. Решение есть (дополнил вопрос), но можно ли подобное сделать с таблицей?

[Dave]

Вы и вправду готовы писать на PHP за еду?

[versity]

Давид: мой вопрос не имеет отношения к php, также он не имеет никакого отношения к рейту

[Dave]

versity: Я знаю, поэтому к нему лично обратился как увидел заголовок

[versity]

Давид: Вы подсчитываете среднемесячный заработок php-программистов по регионам?

[Котик Антон]

Давид: Два самых популярных вопроса: "Ты правда кодишь за еду?" и "У тебя правда 27см? оО". Не стоит верить всему, что написано в интернете.

[Dave]

versity: Нет, просто спросил. И кстати да, эта тема тоже интересна, потом как-нибудь надо будет вопросы позадавать.

[Котик Антон]

Давид: https://rabota.yandex.ru/salary.xml?text=%D0%BF%D1...

[Dave]

27cm: Я думал 80, но ок, спс!

[versity]

Давид: Сейчас доллар вырос. Казалось бы и зарплаты должны подняться. Но у нас в Абакане есть люди, получающие на руки по 5500 (ниже МРОТ). Большинство рады получать 20000р. и гордятся этим. Труд программистов у нас в регионе не ценят. По городу в основном работают 1С-программисты. Все, кто как-то связан с web, вынуждены либо переезжать в другой регион, либо работать удаленно на пресловутые студии. Я на фрилансе более 5 лет, но у меня нет желания переезжать в другой город.

[versity]

27cm: по Яндексу выгоднее писать на javascript

Answer 2

[versity]

В итоге не стал заморачиваться таблицами и сделал так b4ubesub.bget.ru/strongclient/app/analytics_staff.html