@fraqlehver

Как сделать overflow для отдельной части таблицы?

Есть таблица, все элементы кроме Период, Доходность, Затраты на электричество, Чистая прибыль - должны быть вне скролла. Тоесть скролл будет у строк начиная с 2 элемента

<table class="table table-striped">
    <thead>
    <tr>
        <th>Период</th>
        <th>День</th>
        <th>Месяц</th>
        <th>Год</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>Доходность</td>
        <td>$2.90</td>
        <td>$86.95</td>
        <td>$1,043.37</td>
    </tr>
    <tr>
        <td>Затраты на электричество</td>
        <td>$2.02</td>
        <td>$60.48</td>
        <td>$725.76</td>
    </tr>
    <tr>
        <td>Чистая прибыль</td>
        <td>$0.88</td>
        <td>$26.47</td>
        <td>$317.61</td>
    </tr>
    </tbody>
</table>
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ответы на вопрос 1
sh3mahan
@sh3mahan
что-то вроде веб-разработчика
Возможно вам подойдет моё решение. На большом экране таблица полность видна, на телефоне - первый столбик выделяется, к остальным добавляется прокрутка.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы