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.
here happens on hiding th , td .td remains same , th resizes
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
Post a Comment