0

Всем хелоу, так как colspan является атрибутом, я не могу убрать его через css, поэтому мне нужно через jquery написать media запрос, если ширина достигает 768px, т.е если человек зашел с мобилки, мы удаляем атрибут colspan у всех th и td, заранее благодарю.

   @extends('layouts.general')

    @section('content')

      <table class="table table-bordered">
      <thead>
    <tr>
        <th colspan="5" class="font-weight-bolder">МОЛОТ НЕ УНИЧТОЖЕН? ДЕТАЛЬНЫЙ РАЗБОР ТРЕЙЛЕРА ТОР: РАГНАРЁК / THOR 3: RAGNAROK
          
        </th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th colspan="5" class="font-weight-bolder">1.Описание</th>
    </tr>
    <tr>
        <th scope="row">Условия оплаты</th>
        <td colspan="5" style="border: none;">единовременно</td>
    </tr>
    <tr>
        <th scope="row">Срок</th>
        <td style="border: none;">12 месяцев</td>
    </tr>
    <tr>
        <th>Покрываемые риски</th>
        <td colspan="5" style="border: none">
     МОЛОТ НЕ УНИЧТОЖЕН? ДЕТАЛЬНЫЙ РАЗБОР ТРЕЙЛЕРА ТОР: РАГНАРЁК / THOR 3: RAGNAROK
        </td>
    </tr>
    <tr>
        <th scope="row">Возрастные ограничения</th>
        <td colspan="5" style="border: none">от</td>
    </tr>
    <tr>
        <th scope="row">Лимиты ответственности</th>
        <td colspan="5" style="border: none">100%  суммы установленной риску</td>
    </tr>
</table>
<script type="text/javascript">

  
</script>

</main>

 @endsection
3
  • Повесьте слушатель на window.onresize и, когда ширина достигнет нужной точки, добавляйте/удаляйте/изменяйте атрибуты
    – Object417
    19 янв 2022 в 18:39
  • @Object417 разве тут написано, что окно будет ресайзится?
    – teran
    19 янв 2022 в 22:59

1 ответ 1

2

Используйте window.matchMedia

if(!window.matchMedia('(min-width: 400px)').matches){
    $("[colspan]").removeAttr("colspan");
}

зы: скрипты @push и в @stack в футер.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.