@Denioo

Как можно расположить столбцы под столбцами другой таблицы?

Здравствуйте, появился вопрос, как правильнее всего будет расположить информацию на странице? Допустим на сервер поступает информация в json. Я обрабатываю это информацию и вывожу на страницу в виде таблицы. Вопрос в выводе информации. Сейчас он выглядит таким образом:
spoiler
<section class="section-content">
        <div class="currency-content">
            <table class="currency_table">
            <tr>
                <th>#</th>
                <th>name:</th>
                <th>price_usd:</th>
                <th>price_btc:</th>
                <th>total_supply:</th>
                <th>max_supply:</th>
                <th>percent_change_1h:</th>
                <th>percent_change_24h:</th>
                <th>percent_change_7d:</th>
            </tr>
            </table>
            <table id="currency">
            </table>
        </div>
    </section>

Css (sass):
spoiler
.section-content
    display: flex
    justify-content: center
    margin-top: 40px
    .currency-content
        display: block
        justify-content: center
        width: 100%
        border: 1px solid #ecf0f1
        border-radius: 10px
    .currency_table
        width: 100%
        text-transform: uppercase
    #currency
        width: 100%

На компьютере в браузере вот так 5dd80fa4bc357796844933.png
на codepen вот так
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
hzzzzl
@hzzzzl
а зачем каждый ряд таблицы делать отдельной таблицей, если это всё ряды одной таблицы?

Ответ написан
Пригласить эксперта
Ответы на вопрос 1
HistoryART
@HistoryART
Целеустремлённый
flex-direction: column;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
Apptech Санкт-Петербург
от 30 000 до 70 000 руб.
06 дек. 2019, в 17:44
5000 руб./за проект
06 дек. 2019, в 17:41
1500 руб./за проект
06 дек. 2019, в 17:10
3000 руб./за проект