Problem with Table


Topic: Problem with Table

RoffDaniel pro asked 7 years ago

Hi, i have a problem with table on my site. Table climbs beyond the boundaries of the block on the page. Exemple - https://imgur.com/gallery/bgZCw

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

Mikołaj Smoleński staff answered 7 years ago

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

RoffDaniel pro answered 7 years ago

<div class="tab-pane fade in show active" id="ahk-commands" role="tabpanel"> <div class="card card-cascade narrower"> <!--Card image--> <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> <!--/Card image--> <div class="px-4"> <!--Table--> <table class="table"> <!--Table head--> <thead> <tr> <th>Команда</th> <th>Описание команды</th> <th>Доступность команды</th> </tr> </thead> <!--Table head & footer--> <!--Table body--> <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 body--> </table> <!--Table--> </div> </div> </div>

RoffDaniel pro answered 7 years ago

I understand you. Thank you!!

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No