Collapse Responsive and sorting

  • Resolved fotograf561

    (@fotograf561)


    7 years, 3 months ago

    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 to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 3 months ago

    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/ 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

    (@fotograf561)

    7 years, 3 months ago

    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/
    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

    (@tobiasbg)

    7 years, 3 months ago

    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

    (@fotograf561)

    7 years, 3 months ago

    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

    (@tobiasbg)

    7 years, 3 months ago

    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.