Bootstrap reaktionsfähige Tabelle mit Formulareingabe min width

9

Ich versuche eine reaktionsfähige Tabelle zu erstellen, die Formulareingaben für mehrere Spalten enthält. Von dem, was ich verstehe, schrumpfen die reaktionsfähigen Tabellen, bis ihre Spalten nicht weiter gehen können, dann fügt sie einen Bildlauf hinzu. Die Spalten schrumpfen jedoch bis zu dem Punkt, an dem ich die Werte im Eingabefeld nicht sehen kann. Daher muss ich eine Mindestbreite für diese Spalten festlegen, anstatt sie durch die Textlänge der Spaltenüberschrift bestimmen zu lassen.

Ich habe versucht, alle Elemente in der Spalte mit min-width zu ergänzen: "10%" oder "150px", aber das hat nicht funktioniert. Hier ist mein Setup:

%Vor%

%Vor%

Wie Sie sehen, werden einige Feldwerte abgeschnitten, wenn die Tabelle verkleinert wird. Jede Hilfe wird geschätzt.

Bearbeiten: Ich würde gerne verwenden, um weiterhin Tabellen zu verwenden, da einige ältere Codes beibehalten werden. Ich bin jedoch offen für jede Lösung, wenn es sein muss.

    
robarelli 13.07.2015, 16:15
quelle

2 Antworten

9

Die Standard-CSS von .form-control erzwingt dieses Verhalten, also müssen Sie die css Ihres Eingabefeldes wie folgt ändern:

%Vor%     
katwhocodes 13.07.2015, 17:57
quelle
0

Die Spaltenbreite ist dynamisch, da der Benutzer einen beliebigen Längenwert eingeben kann! Umschließen Sie Eingabefelder in einem div und legen Sie die div-Breite dynamisch mithilfe von JavaScript fest:

%Vor%

Und die JS-Funktion:

%Vor%     
Charchit 13.07.2015 20:19
quelle