Responsive Tables

Resolved alex_13
(@alex_13)

11 years, 5 months ago

Hi Tobi,

ich habe nochmal 2 Fragen.
1. Habe noch die Exstension Responsive Tables installiert. Jedoch werden die einzelnen Zeilen auf dem iPhone nicht korrekt angezeigt bzw verschoben.

URL : http://i-live-my-passion.com/table/

2. Habe das Seitenweise Blättern aktiviert. Und die Exstension datatables inverted filter. Leider wird jetzt direkt unter der Suche das ” zurück” und “weiter” eingeblendet. Ist das Einblenden hiervon erst nach der Suche möglich?

Vielen Dank schon mal im Vorraus
Viele Grüße
Alex

https://wordpress.org/plugins/tablepress/

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author Tobias Bäthge
(@tobiasbg)

11 years, 5 months ago
Hallo Alex,

1. Ein Teil des Problem dürfte ein zusätzliches Stück HTML-Code sein. Auf der “Bearbeiten”-Seite der Seite, wechsele mal bitte vom “Visuellen” zum “Text”-Editor. Dort solltest du jetzt sowas wie <pre> und </pre> um den Shortcode sehen. Bitte entferne diese HTML-Tags mal.
Danach muss die Höhe der Zeilen im Responsive-Modus per CSS angepasst werden. Bitte füge dazu
```
@media (max-width: 767px) {
  .tablepress-id-2 td,
  .tablepress-id-2 th {
    height: 50px;
  }
}
```
in das Zusatz-CSS ein.

2.
Dazu ändere mal bitte die Zeile
```
$( '.dataTables_wrapper' ).find( '.tablepress' ).toggle( '' != $(this).val() );
```
der TablePress-Extension in
```
$( '.dataTables_wrapper' ).find( '.tablepress, .dataTables_paginate' ).toggle( '' != $(this).val() );
```
Viele Grüße,
Tobias
Thread Starter alex_13
(@alex_13)

11 years, 5 months ago

Hi Tobi,

du bist der beste. Es hat funktioniert. Vielen Dank 🙂
Eine Frage noch:
Die linke Spalte (also in meinem Fall die Social Media Icons) werden leicht versetzt zur Zeile angezeigt. Kann man die Icons zu einer Zeile zuordnen, das es genau neben dem Icon angezeigt wird ?

Vielen vielen Dank
Grüße Alex

Plugin Author Tobias Bäthge
(@tobiasbg)

11 years, 5 months ago

Hallo Alex,

kannst du bitte den Teil nochmal prüfen?:

1. Ein Teil des Problem dürfte ein zusätzliches Stück HTML-Code sein. Auf der “Bearbeiten”-Seite der Seite, wechsele mal bitte vom “Visuellen” zum “Text”-Editor. Dort solltest du jetzt sowas wie <pre> und </pre> um den Shortcode sehen. Bitte entferne diese HTML-Tags mal.

Ich sehe diese HTML-Tags immer noch und vermute, dass das damit zusammenhängt.

Viele Grüße,
Tobias

Thread Starter alex_13
(@alex_13)

11 years, 5 months ago

Hi Tobi,

sorry mein Fehler. Visual Composer hat da noch was hinzugefügt.
Jetzt funktionierts.
Nur auf dem iphone wird die Suchzeile im Hochformat nicht der Seite angepasst. (steht drüber)
Hast du hier noch eine Idee?
Viele Grüße
Alex
Plugin Author Tobias Bäthge
(@tobiasbg)

11 years, 5 months ago
Hi Alex,

Sehr schön, jetzt sind die HTML-Tags weg 🙂

Wegen des Suchfeldes, füge mal bitte noch
```
.dataTables_filter input {
  max-width: 100%;
}
```
in das “Zusatz-CSS” ein.

Viele Grüße,
Tobias
Thread Starter alex_13
(@alex_13)

11 years, 5 months ago

Hi Tobi,

jetzt funktioniert alles bestens.

Vielen Dank nochmal.

Viele Grüße
Alex

Plugin Author Tobias Bäthge
(@tobiasbg)

11 years, 5 months ago

Hi Alex,

prima! Danke für die Rückmeldung!

Viele Grüße,
Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Responsive Tables’ is closed to new replies.