always set same css despite of change from other jquery script -


i have table of around 40columns , many rows. using datatables features colvis, datatools etc. after using feature table width gets changed follows

original

<div class="datatables_scrollhead" style="overflow: hidden; position: relative; border: 0px none; width: 100%;"> <div class="datatables_scrollbody" style="overflow: auto; width: 100%; height: 500px;"> <div class="datatables_scrollfoot" style="overflow: hidden; border: 0px none; width: 100%;"> 

changed

<div class="datatables_scrollhead" style="overflow: hidden; position: relative; border: 0px none; width: 5483px;"> <div class="datatables_scrollbody" style="overflow: auto; width: 5483px; height: 500px;"> <div class="datatables_scrollfoot" style="overflow: hidden; border: 0px none; width: 5483px;">   

here width changes 100% 5483px, how can force width 100% time

use css style declaration !important specification:

.datatables_scrollbody { width: 100% !important; } 

in general, !important discouraged, answer "how can force", that's way go.


Comments

Popular posts from this blog

html - How to style widget with post count different than without post count -

How to remove text and logo OR add Overflow on Android ActionBar using AppCompat on API 8? -

mysql - Pass value between different pages (form) with PHP -