![]() I've tried gimmicky workarounds, such as forcing all data to show: $(document). The more I use these options to obtain my desired desktop table, the worse it looks on smaller view-ports. The same can be said for other breakpoint classes, or data-priority options: "min-desktop" will force the 7th column to be visible on desktops or larger, but will hide another column to compensate. Example: The class "all" will force the 7th column to be visible on all screens, which I do not want. Hey so in the bootstrap 3.0 documentation if you look under the subheading 'responsive column resets' it says the following: 'With the four tiers of grids available youre bound to run into issues where, at certain breakpoints, your columns dont clear quite right as one is taller than the other. This has been a challenge as after I obtain my desired table on desktops, the table adapts behaviors in smaller view-ports which I do not want. How do I make all rows visible when viewing on desktops, but remain responsive on smaller view-ports? Is 6 columns a default in jQuery datatables? If so, can I change it to 7 and how?Īfter reading the datatable documentation, I have tried varied classes to alter breakpoints, as seen here: The 7th is forced its own expandable row, as it should be if viewing on smaller view-ports. ![]() It only seems to allow 6 columns to span across. There is feasible space for it, plus I do not like the expandable "+" buttons showing by default. I want all columns to always show on desktops. That is, you can set the submenu to 4 columns, and each column will be exactly. See it live within its template (it is the larger table): Percentage width columns take up a specific, equal percentage of the submenu. I'm using a responsive datatable with 7 columns.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |