How to change Bootstrap Datatable head column width

Question

I want to change the Bootstrap DataTable head columns width. I tried multiple solution bit its not working.

 <div class="frame" style="height: 750px; overflow: auto; padding: 7px 20px 20px 20px; "> <table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%"> <thead> <tr> <th>First Name</th> <th> Last Name</th> <th>Organization Name</th> <th>Address</th> <th>Country</th> </tr> </thead> <tbody> </tbody> </table> </div> 

I tried to change the second column width like that but dint work

<th style="width: 60px"> Last Name</th> 

how do i change the width of particular column. please help

Answer 1

在初始化数据表时，将数据表的“ bAutoWidth”属性设置为false，并按照上述操作设置列的宽度。