Таблица с фиксированным первым столбцом

Всем привет!

Не могу доработать таблицу, чтобы при просмотре на телефоне фиксировалась первый столбец. Сейчас таблица работает правильно и ее можно перелистывать на телефоне (в мобильной версии сайта), но хотелосьбы довести до совершенства и зафиксировать первый столбец. Уже и так и сяк пробовал, но никак толком не работает. Понимаю, что лыжи едут, дело скорее всего в другом

, но раз тему начал, надо продолжать, пока не заработает. Специально перенес все с локалхоста, чтобы долго не объяснять. Таблица меня полностью устраивает, даже тексты первой колонки корректно в мобильной версии строчки меняют. Единственное, что мне нужно, чтобы все оставалось в первозданном виде и блокировался на месте первый столбец (только в мобильной версии сайта!).

Код

<div class="table-container">
	<table class="data-table">
		<thead>
			<tr>
				<th> </th>
				<th> </th>
				<th><center>Range Rover</center></th>
				<th><center>Mercedes</center></th>
				<th><center>Toyota</center></th>
				<th><center>Airbus A320</center></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Effective power management</td>
				<td><center>763</center></td>
				<td><center>546</center></td>
				<td><center>456</center></td>
                <td><center>69</center></td>
                <td><center>986</center></td>
			</tr>	
			<tr>
				<td>Effective torque</td>
				<td><center>123</center></td>
				<td><center>435</center></td>
				<td><center>546</center></td>
                <td><center>46</center></td>
                <td><center>56</center></td>
			</tr>	
            <tr>
				<td>Speed of machine</td>
				<td><center>234</center></td>
				<td><center>65</center></td>
				<td><center>89</center></td>
                <td><center>657</center></td>
                <td><center>87</center></td>
			</tr>	
            <tr>
				<td>Bumper number</td>
				<td><center>23</center></td>
				<td><center>324</center></td>
				<td><center>54</center></td>
                <td><center>689</center></td>
                <td><center>657</center></td>
			</tr>	
            <tr>
				<td>Length</td>
				<td><center>57</center></td>
				<td><center>98</center></td>
				<td><center>09</center></td>
                <td><center>97</center></td>
                <td><center>90</center></td>
			</tr>	
                        <tr>
				<td>Width</td>
				<td><center>87</center></td>
				<td><center>98</center></td>
				<td><center>56</center></td>
                <td><center>54</center></td>
                <td><center>67</center></td>
			</tr>
                        <tr>
				<td>Height</td>
				<td><center>87</center></td>
				<td><center>456</center></td>
				<td><center>456</center></td>
                <td><center>65</center></td>
                <td><center>76</center></td>
			</tr>
                        <tr>
				<td>Weight</td>
				<td><center>87</center></td>
				<td><center>98</center></td>
				<td><center>44</center></td>
                <td><center>675</center></td>
                <td><center>54</center></td>
			</tr>
                        <tr>
				<td>Power</td>
				<td><center>87</center></td>
				<td><center>56</center></td>
				<td><center>675</center></td>
                <td><center>8678</center></td>
                <td><center>986</center></td>
			</tr>
		</tbody>
	</table>
</div>

Ссылка на сайт с таблицей: http://provadt9.beget.tech/

Таблица utm_content и core_content_id Автор Аня	Ответов: 4 Просмотров: 1049	15.03.2021, 10:12:51 от sivers
Как сделать материал всегда первым в категории? Автор PolarWolf	Ответов: 4 Просмотров: 1235	01.05.2018, 19:50:31 от fsv
Таблица БД для языковых связей (Joomla 3) Автор Bozhkov2	Ответов: 2 Просмотров: 766	21.04.2018, 14:42:26 от Bozhkov2
С некоторых пор, пор перестала очищаться таблица сессий _session Автор palexa	Ответов: 58 Просмотров: 5217	20.02.2018, 21:43:47 от palexa
Joomla 3: Таблица баз _session не очищается и быстро увеличиваться Автор samell79	Ответов: 2 Просмотров: 955	14.02.2018, 23:29:00 от palexa

Таблица с фиксированным первым столбцом - Joomla 3.x: Общие вопросы

Новости Joomla

‼️👩‍💻 Релиз безопасности Astroid 3.3.11 - шаблона-конструктора для Joomla.

👩‍💻 Вышел Quantum Manager 3.3.0 - медиа менеджер для Joomla.

Joomla по-русски — возвращение к истокам

mrwad

Таблица с фиксированным первым столбцом

pavelrer

Re: Таблица с фиксированным первым столбцом

Похожие темы