Responsive or not, the table does not resize well. On creation it has a fixed width. I am using @table-created="setTableWidth()" to set the width to 100%, but I am sure there is a better way.
This plugin is a wrapper of jQuery Datatables, which implement using table html component, and by nature, not very responsive. I've provide instruction on two ways that can be done here: https://github.com/niiknow/vue-datatables-net#responsive
In summary:
1. Using bootstrap framework, this plugin apply table-responsive class, which allow for horizontal scrolling when the table is too large to fit the screen.
Your issue can be done completely with CSS. Width in CSS is much easier to control than Height. Please check to make sure that all your container object have 100% width.
First, thanks for your awesome work!!
Responsive or not, the table does not resize well. On creation it has a fixed width. I am using
@table-created="setTableWidth()"to set the width to 100%, but I am sure there is a better way.Is there a better way to set the
This plugin is a wrapper of jQuery Datatables, which implement using
tablehtml component, and by nature, not very responsive. I've provide instruction on two ways that can be done here: https://github.com/niiknow/vue-datatables-net#responsiveIn summary:
1. Using bootstrap framework, this plugin apply
table-responsiveclass, which allow for horizontal scrolling when the table is too large to fit the screen.2. jQuery Datatables can be set to responsive, which remove columns to fit screen size and using
master-details(second row expand) to implement responsive. https://github.com/niiknow/vue-datatables-net/blob/master/example/responsive.pngYour issue can be done completely with CSS. Width in CSS is much easier to control than Height. Please check to make sure that all your container object have 100% width.
Also try:
Stale issue.