как изменить ширину столбца в datatables

232
26 марта 2018, 23:19

как изменить ширину столбца в datatables? Он как-то автоматически подгоняется, а мне нужно задать ему фиксированную ширину. Пробовал уже всё: и через атрибут width, и через инлайн стили и через !important. Я думаю, это нужно сделать как-то через js.

$("#table").DataTable({});
<table width="100%" id="table" bordercolor="#E7E7E7" border="2" align="center">
  <thead class="first-row">
    <td class="table-first" width="50px" align="center" data-orderable="false">
      <input type="checkbox" id="main-chb" class="fst-chbox">
    </td>
    <td class="table-cenetr" align="center" data-orderable="false"><span class="table-captions table-photos">Фото</span></td>
    <td class="table-cenetr table-art" align="center"><span class="table-captions">Артикул</span></td>
    <td class="table-cenetr" align="center"><span class="table-captions">Товар</span></td>
    <td class="table-cenetr table-price" align="center"><span class="table-captions">Цена</span></td>
    <td class="table-cenetr table-status" align="center"><span class="table-captions">Статус</span></td>
    <td class="table-end" align="center" data-orderable="false"></td>
  </thead>
  <tr>
    <td class="table-first" width="50px" align="center"><input type="checkbox" class="oth-check"></td>
    <td class="table-cenetr table-photo" align="center"><i class="icon-eye"></i></p>
    </td>
    <td class="table-cenetr table-art" align="center">
      <p>АБВГДЕЁ1234536789</p>
    </td>
    <td class="table-cenetr">
      <p>Товар №1</p>
    </td>
    <td class="table-cenetr table-price" align="center"><span>5 200.00</span></td>
    <td class="table-cenetr table-status" align="center"><span>Вкл<i class="icon-down btn-down"></i></span></td>
    <td class="table-end" align="center">
      <input type="checkbox" id="cog-ChBox-1" onchange="chb1Fun()" class="cog-chbox">
      <label for="cog-ChBox-1" class="chbox-cog">
                                        <i class="icon-cog"></i>
                                    </label>
      <div class="cog-menu cog-menu1">
        <ul class="cog-list">
          <li>Настройка 1</li>
          <li>Настройка 2</li>
          <li>Настройка 3</li>
        </ul>
      </div>
    </td>
  </tr> 

как сделать первый столбец с чекбоксом шириной в 50px?

READ ALSO
Размещение карт-google со своей информацией

Размещение карт-google со своей информацией

Можно ли добавить гугл карты к себе на сайт и прикрепить к ним блок со своей информацией?

205
Стилизация progress линии у input range

Стилизация progress линии у input range

Здравствуйте! Столкнулся с проблемой стилизации полосы прогресса у input range

588
CSS. прописывание элемента внутри класса

CSS. прописывание элемента внутри класса

Видел в одном видеоуроке, как парень прописывает код класса внутри другого класса

188