javascript - dataTable header with rowspan resizes and mess UI -


i had been developing screen has lots of data . scrolling datatable.(horizontal scroll). there drpdown should filter values , should show eligible tds in scroll part. below screenshots. hiding , showing data based on selection of dropdown. have added class tds , rowspan th can toggled based on selction of dropdown. shows perfect while fetching records. when hide columns , columns work perfect header resizes headings. enter image description here

here happens on hiding th , td .td remains same , th resizes enter image description here

i tried lot cud not fix it. can plz help

so got solution . u need table object again , redraw it. after reading many places error seemed datatable still find fix hiding columns in scroll part rowspan added it. did adding class th, td of table needs hidden based on condition , here based on selection. when selecting partical type added class hide required th , tds. th reset sizes ,might because of scrolls added. resets width of entire header leaving td . looks ugly.

 otable.fndraw(); 

just take reference of table , draw again.


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -