Verwenden von Datentabellen für breite (weit genug aus dem Bildschirm zu gehen) Tabellen

Question

Ich verwende DataTable-Skript, um eine der Plain HTML-Tabelle (mit mehr als 20 Spalten) in eine gute interaktive zu konvertieren. Ich verwende auch das ColVis-Plugin, um dem Benutzer die Möglichkeit zu geben, nur diejenigen Spalten sichtbar zu machen, an denen er interessiert ist, und den Rest zu verbergen. Ich würde später diese Auswahl in Session-Cookies speichern, um sich an die Benutzereinstellungen zu erinnern.

Problem Ich bin zur Zeit mit der Standardkonfiguration konfrontiert ist, wie die Tabelle breit ist, wenn der Benutzer die Spalten abwählen (dh ausblenden) die Tabellenbreite beginnt zu reduzieren (wie erwartet), aber dies bewegt sich nicht die ColVis Pop-up entsprechend und Es bleibt immer noch außerhalb des Seiten-Raters als auf der Seite mit dem Show/Hide-Button. Das selbe geht, wenn man die Spalten zurück wählt (d. H. Sie zeigt)

Ich habe mich für einen Tag geschlagen, um eine Lösung dafür zu finden. Jede Hilfe oder sogar Hinweise auf Bereiche, die ich betrachten sollte, wird sehr geschätzt.

Danke.

Answer 1

Ich denke, Sie müssen die Tabellenbreite verringern, wenn der Benutzer die Spalte ausblendet.

P. S .: die Plug-in-Funktionalität ist einfach mit jQuery zu implementieren und wenn Sie das tun, werden Sie eine bessere Kontrolle über die HTML-Tabelle haben angezeigt wird