Title: Collapse Responsive and sorting Last modified: January 21, 2019 --- # Collapse Responsive and sorting * Resolved [fotograf561](https://wordpress.org/support/users/fotograf561/) * (@fotograf561) * [7 years, 3 months ago](https://wordpress.org/support/topic/collapse-responsive-and-sorting/) * Hallo Tobias! * Vielen Dank erstmal für dein super Plugin! Ich darf es wieder auf einer anderen Seite einsetzen und bin immer wieder begeistert. * Nun habe ich aber 4 Fragen: * 1. Ist es möglich, dass die Sortierung nach Datum auch die Jahreszahl wahrnimmt? Momentan ist es nämlich so, dass bei aktiver Sortierung z.B. zuerst 01.01.2018 kommt, aber danach direkt 01.01.2019 steht. Es wird also nur nach Tag und Monat sortiert. * 2. Ich habe die Responsive Extension installiert, aber leider verhält sich die Tabelle nicht ganz responsive. Bei meiner anderen Installation mit Avada als Theme funktioniert es bestens. Ich ziehe das Browser-Fenster kleiner und die Tabellen umbrechen wunderbar. Hier ist es allerdings so, dass erst nach einem Reload der Seite die ganze “Responsiveness” in Kraft tritt. Ich denke es liegt am Theme, oder? * 3. Warum zeigt es mir nur 4 Spalten an und die 5. wird automatisch umbrochen ( collapse) obwohl noch genügend Platz vorhanden ist? Ich habe jeder Spalte eine Prozentangabe hinzugefügt, welche im Gesamten auch nicht 100% überschreitet. * 4. Bei Firefox wird in der zweiten Zeile, erste Spalte beim Hover die fette grüne Linie zwischen zweiter Zeile und erster Kopfzeile entfernt. Das passiert aber nicht im Safari? Ist das ein Bug? * Ich freue mich auf deine Rückmeldung! Vielen Dank! * Marc * ***** * Hi Tobias! * Thanks for your great plugin! I can use it again on another page. * Now I have 4 questions: * 1. Is it possible that sorting by date also recognizes the year? For now, it is the case that with sorting active, e.g. 01.01.2018 comes first, but then directly 01.01.2019. It is sorted only by day and month. * 2. I have installed the responsive extension, but unfortunately the table is not quite responsive. In my other installation with Avada as a theme, it works great. I bring down the browser window and the tables collapse like they are supposed to do. On this site it’s only after a reload of the page, when the whole“ Responsiveness” comes into action. I think it’s the theme, right? * 3. Why does it show only 4 columns and the 5th collapses automatically although there is still enough space left? I’ve added a percent (width) to each column, which in total does not exceed 100%. * 4. Firefox removes the bold green line between the second row and the first row when you hover over the second row. But that does not happen in Safari? Is this a bug? * I’m looking forward to your response! Thank you for your help! * Marc * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcollapse-responsive-and-sorting%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 5 replies - 1 through 5 (of 5 total) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [7 years, 3 months ago](https://wordpress.org/support/topic/collapse-responsive-and-sorting/#post-11113324) * Hi Marc, * thanks for your post, and sorry for the trouble. * 1. Sorting German dates sometimes requires the TablePress Extension from [https://tablepress.org/extensions/datatables-sorting-plugins/](https://tablepress.org/extensions/datatables-sorting-plugins/) and the “Custom Command” * ``` "columnDefs": [ { "type": "date-eu", "targets": [ 0 ] } ] ``` * to activate it. * 2. The `collapse` mode only does its calculations on page load, but can not adjust the table when the window is resized, sorry. * 3. I have seen this problem before, but not found a clear cause, unfortunately 🙁 It seems like the external DataTables JavaScript library has problems properly calcuting the column widths here. * 4. Yes, this is a bug, but from everything I know, it’s in Firefox. * Regards, Tobias * Thread Starter [fotograf561](https://wordpress.org/support/users/fotograf561/) * (@fotograf561) * [7 years, 3 months ago](https://wordpress.org/support/topic/collapse-responsive-and-sorting/#post-11113386) * Hi Tobias, * Thanks for your super fast response! * 1. Great! It worked perfectly * 2. Are you sure? In my first installation the table is super responsive even when I’m resizing the browser window. Look at this: [https://www.fbg-oa.de/leistungen/maschinenverleih/](https://www.fbg-oa.de/leistungen/maschinenverleih/) I guess it’s a theme related thing. * 3. Strange * 4. Ok, I thought it was me with an css mistake. * Thank you! Marc * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [7 years, 3 months ago](https://wordpress.org/support/topic/collapse-responsive-and-sorting/#post-11113531) * Hi Marc, * 1. Great! * 2. Yes. I actually see the same behavior on both sites. Note how the column is actually extending right to the edge of the browser window when you resize it. There should be some extra space, just like with the search field right above the column. * 3. Yes 🙁 Calculating widths is very tricky for the JS code, because it has to account for margin, padding, borders, etc. and then also has to deal with percentage widths, etc. * 4. No, the code is fine. It seems to be related to Firefox not properly honoring the border CSS property in cells that use a `:before` or `:after` pseudo-selector. * Regards, Tobias * Thread Starter [fotograf561](https://wordpress.org/support/users/fotograf561/) * (@fotograf561) * [7 years, 3 months ago](https://wordpress.org/support/topic/collapse-responsive-and-sorting/#post-11113579) * Hi Tobias, * 2. Strange. At my computer (Safari and Firefox) everything falls into the right place. I resize the width of the browser window and column after columns collapses and goes right into the + section. I don’t need to reload the page. * However my client is happy 😉 * Thanks for your help! * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [7 years, 3 months ago](https://wordpress.org/support/topic/collapse-responsive-and-sorting/#post-11113825) * Hi, * that’s what I see as well, but it’s not pixel-perfect 🙂 But a resizing browser window is probably not too common anyways. * Regards, Tobias Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘Collapse Responsive and sorting’ is closed to new replies. * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944) * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/) * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq) * [Support Threads](https://wordpress.org/support/plugin/tablepress/) * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/) * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/) ## Tags * [collapse](https://wordpress.org/support/topic-tag/collapse/) * [columns](https://wordpress.org/support/topic-tag/columns/) * [date](https://wordpress.org/support/topic-tag/date/) * [row](https://wordpress.org/support/topic-tag/row/) * [sorting](https://wordpress.org/support/topic-tag/sorting/) * 5 replies * 2 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/collapse-responsive-and-sorting/#post-11113825) * Status: resolved