javascript, чтобы изменить ширину заголовка таблицы

Это моя таблица, и я хочу изменить ширину всех javascript/jquery.javascript, чтобы изменить ширину заголовка таблицы

<div class="dataTables_scrollHeadInner" > 
     <table class="table table-condensed table-bordered table-striped dataTable no-footer" > 
      <thead class="bg-gray-active1"> 
       <tr role="row"> 
        <th class="sorting_disabled" >Serial</th> 
        <th class="sorting_disabled" >dsad</th> 
        <th class="sorting_disabled" >vg</th> 
        <th class="sorting_disabled" >sdfg</th> 
       </tr> 
      </thead> 
     </table> 
    </div>

Я хочу ширину первого <th>: 53px
я хочу ширину второго <th>: 152px
Я хочу ширину третьей <th>: 500px
Я хочу ширину четвертой <th>: 100px

источник

2015-11-09 salman admission

Если вы используете datatable, тогда есть синтаксис, который можно использовать для изменения ширины столбца. [Check Here] (https://datatables.net/reference/option/columns.width) – Suraj

'$ (" th "). First(). Width (53);' вы можете использовать id вместо th.first – GOB

Вы можете использовать JQuery

$("tr th:nth-child(1)").attr("width","53"); 
$("tr th:nth-child(2)").attr("width","152"); 
$("tr th:nth-child(3)").attr("width","500"); 
$("tr th:nth-child(4)").attr("width","100");

Он выбирает каждый tr, который имеет th как child (n). n - номер их ребенка

.attr предназначен для добавления атрибута html. Подробнее см. Здесь http://www.w3schools.com/jquery/html_attr.asp

источник

2015-11-09 07:57:46 blerrr

javascript, чтобы изменить ширину заголовка таблицы

ответ

Смежные вопросы