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

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

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

url rewriting - How to redirect a http POST with urlrewritefilter -