jquery Datentabelle Scrollbar Positionierung

Question

Ich habe ein Problem mit der Jquery Datentabelle. Ich versuche, die vertikale Bildlaufleiste innerhalb der tatsächlichen Tabelle zu positionieren, d.h. innerhalb der Grenzen der Registerkarte. Das Standardverhalten besteht darin, die Bildlaufleiste neben der letzten Spalte, d. H. Außerhalb der Tabelle, zu positionieren. Ich benutze den Bootstrap CSS für meinen Tisch.

-Code ist hier http://live.datatables.net/fopilode/1/edit

Answer 1

Ich scheine schafft es, eine Lösung für dieses Problem zu finden. Ich habe eine Grenze hinzugefügt, wie so aktuelle Tabelle Wrapper zu:

.dataTables_wrapper .dataTables_scroll { 
    border: 1px solid #ccc; 
    margin: 1.5rem 0; 
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
} 

JSbin für die Lösung ist hier: http://live.datatables.net/fopilode/17/edit

Ich habe auch die abgerundeten Kanten geführt werden. 2 Neue Probleme haben sich nun ergeben: 1) Die Verwendung der tabellenumrandeten Klasse aus dem Bootstrap gibt eine doppelte Umrandung auf der linken Seite. Ich habe versucht, mit css herumzuspielen, um den äußeren Rand des Tisches zu entfernen, aber behalte immer die inneren Ränder für die tds des Tisches.

2) Wenn das vertikale Scrollen aktiviert ist, scheinen die Spaltenüberschriften nicht perfekt mit den Zeilen in verschiedenen Browsern übereinzustimmen. Ich habe versucht, die Überlauf-No-Wrap-Fix, aber das scheint nicht zu funktionieren.

Jede Hilfe mit den beiden oben genannten Problemen wird geschätzt.