Problem with Table

Mikołaj Smoleński staff answered 7 years ago

Hello again, You should add class .table-responsive to Your table. It is wrapped in div with padding and that's why on mobile devices it climbs. Regards

Add comment

RoffDaniel pro answered 7 years ago

0 0 Best answer

I understand you. Thank you!!

Add comment

RoffDaniel pro answered 7 years ago

0 0 Best answer

<div class="tab-pane fade in show active" id="ahk-commands" role="tabpanel">
<div class="card card-cascade narrower">

<div class="view gradient-card-header peach-gradient narrower py-2 mx-4 mb-3 d-flex justify-content-between align-items-center">
<div>
</div>
<a class="white-text mx-3">Команды АНК</a>
<div>
</div>
</div>

<div class="px-4">

<table class="table">

<thead>
<tr>
<th>Команда</th>
<th>Описание команды</th>
<th>Доступность команды</th>
</tr>
</thead>

<tbody>
<tr>
<td>/mmreg</td>
<td>Регистрация в AHK</td>
<td>Доступна всем</td>
</tr>
<tr>
<td>/mmlogin</td>
<td>Авторизация в AHK</td>
<td>Доступна всем</td>
</tr>
<tr>
<td>/уд</td>
<td>Показать удостоверение</td>
<td>Доступна всем</td>
</tr>
<tr>
<td>/smsn</td>
<td>Быстрая отправка НоНрп СМС</td>
<td>Доступна всем</td>
</tr>
<tr>
<td>/edit</td>
<td>РП отыгровка /edit</td>
<td>Всем с 3 ранга</td>
</tr>
<tr>
<td>/объявление</td>
<td>РП расклейка объявлений</td>
<td>Доступна всем</td>
</tr>
<tr>
<td>/tvjoin</td>
<td>РП включение /tvjoin</td>
<td>Сотрудникам ТВ с 3 ранга</td>
</tr>
<tr>
<td>/tvleave</td>
<td>РП отключение /tvjoin</td>
<td>Сотрудникам ТВ с 3 ранга</td>
</tr>
<tr>
<td>/efirjoin</td>
<td>РП отыгровка начала /efir + начало самого эфира</td>
<td>Сотрудникам ФМ с 3 ранга</td>
</tr>
<tr>
<td>/efirleave</td>
<td>РП завершение /efir</td>
<td>Сотрудникам ФМ с 3 ранга</td>
</tr>
<tr>
<td>/stand</td>
<td>Меню связанное с палаткой</td>
<td>Всем с 3 ранга</td>
</tr>
<tr>
<td>/sale</td>
<td>РП продажа газеты</td>
<td>Всем с 3 ранга</td>
</tr>
<tr>
<td>/photo</td>
<td>РП подготовка фотоаппарата к фотографии</td>
<td>Доступна всем</td>
</tr>
<tr>
<td>/repeatphoto</td>
<td>РП подготовка фотоаппарата к фотографии(если неудачно)</td>
<td>Доступна всем</td>
</tr>
<tr>
<td>/f</td>
<td>Сообщение в /f рацию с Тэгом</td>
<td>Всем в 3 ранга</td>
</tr>
<tr>
<td>/fn</td>
<td>НоНрп сообщение в /f рацию</td>
<td>Всем с 3 ранга</td>
</tr>
<tr>
<td>/rn</td>
<td>НоНрп сообщение в /r рацию</td>
<td>Доступна всем</td>
</tr>
</tbody>

</table>

</div>
</div>
</div>

Please insert min. 20 characters.

<div class="tab-pane fade in show active" id="ahk-commands" role="tabpanel"> <div class="card card-cascade narrower">  <div class="view gradient-card-header peach-gradient narrower py-2 mx-4 mb-3 d-flex justify-content-between align-items-center"> <div> </div> <a class="white-text mx-3">Команды АНК</a> <div> </div> </div>  <div class="px-4">  <table class="table">  <thead> <tr> <th>Команда</th> <th>Описание команды</th> <th>Доступность команды</th> </tr> </thead>   <tbody> <tr> <td>/mmreg</td> <td>Регистрация в AHK</td> <td>Доступна всем</td> </tr> <tr> <td>/mmlogin</td> <td>Авторизация в AHK</td> <td>Доступна всем</td> </tr> <tr> <td>/уд</td> <td>Показать удостоверение</td> <td>Доступна всем</td> </tr> <tr> <td>/smsn</td> <td>Быстрая отправка НоНрп СМС</td> <td>Доступна всем</td> </tr> <tr> <td>/edit</td> <td>РП отыгровка /edit</td> <td>Всем с 3 ранга</td> </tr> <tr> <td>/объявление</td> <td>РП расклейка объявлений</td> <td>Доступна всем</td> </tr> <tr> <td>/tvjoin</td> <td>РП включение /tvjoin</td> <td>Сотрудникам ТВ с 3 ранга</td> </tr> <tr> <td>/tvleave</td> <td>РП отключение /tvjoin</td> <td>Сотрудникам ТВ с 3 ранга</td> </tr> <tr> <td>/efirjoin</td> <td>РП отыгровка начала /efir + начало самого эфира</td> <td>Сотрудникам ФМ с 3 ранга</td> </tr> <tr> <td>/efirleave</td> <td>РП завершение /efir</td> <td>Сотрудникам ФМ с 3 ранга</td> </tr> <tr> <td>/stand</td> <td>Меню связанное с палаткой</td> <td>Всем с 3 ранга</td> </tr> <tr> <td>/sale</td> <td>РП продажа газеты</td> <td>Всем с 3 ранга</td> </tr> <tr> <td>/photo</td> <td>РП подготовка фотоаппарата к фотографии</td> <td>Доступна всем</td> </tr> <tr> <td>/repeatphoto</td> <td>РП подготовка фотоаппарата к фотографии(если неудачно)</td> <td>Доступна всем</td> </tr> <tr> <td>/f</td> <td>Сообщение в /f рацию с Тэгом</td> <td>Всем в 3 ранга</td> </tr> <tr> <td>/fn</td> <td>НоНрп сообщение в /f рацию</td> <td>Всем с 3 ранга</td> </tr> <tr> <td>/rn</td> <td>НоНрп сообщение в /r рацию</td> <td>Доступна всем</td> </tr> </tbody>  </table>  </div> </div> </div>

Add comment

Mikołaj Smoleński staff answered 7 years ago

0 0 Best answer

Hello, I need to watch Your code to fix this. Please send it to m.smolenski@mdbootstrap.com or paste it here. Regards

Add comment

Closed

RoffDaniel