Topic: Switch not showing after being removed from filtering data
xmenus free asked 4 years ago
Switch not working after being removed! For example I'm using it in ReactTable once I filter and clear the filter, I see the html (through inspect element) that proper html tags and classes are not regenerated as during first runtime therefore it shows nothing until the whole page is refreshed again!
<div class="switch"> <label> <input type="checkbox" checked> Wi-Fi </label> </div>
Thanks for providing the code! The situation you presented seemed rather unusual, as
switch is, in fact, a straight-forward (not to say "dead-simple") CSS feature and there seem to be no reason for it to not appear within a table.
It seems that React Table wraps table data content inside a
<span class="bmd-form-group is-filled">. After getting rid of the filter, the table cells get back to normal, except the said wrapper is gone:
.switch is there - what is missing is a React Table utility most probably necessary to display it. I guess the issue is something worth forwarding to the source.
With Best Regards,
Hi there xmenus,
Thanks for contributing to the support forum with your question! Please help us better understand your use-case for switch - what is it's purpose inside the table? Could you perhaps provide a working example on JSfiddle or Codepen so we could inspect it? Without it there are not many hints I can provide, maybe except the fact that switch has not been tested as a composite solution inside of ReactTable and, well, that using it without a
.lever is rather uncommon.
With Best Regards,
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: Yes