Wie man YUI DataTable auf 100% Breite bringt

Question

Mein Code zur Erstellung der Datentabelle sieht folgendermaßen aus:

myDataTable = new YAHOO.widget.ScrollingDataTable(
                    "containerDiv",
                    myColumnDefs,
                    myDataSource,
                    {height:"100px",width:"100%"}
                  );

Dieser Code erzeugt eine Tabelle, die etwa so aussieht: (Bildschirmfoto von externer Seite nicht mehr verfügbar) http://drop.io/download/public/gfipf7axm6ydjsvuaiaf/296829ffb3ad115ecf1d9e13a607eaf2e2dc2788/Asset/37984293/v3/large_thumbnail

Beachten Sie, wie eine äußere Box erstellt wird, die sich um 100 % dehnt, genau wie ich es will, aber die Tabelle selbst dehnt sich nicht um 100 %, sondern ist nur groß genug, um den Inhalt der Tabelle aufzunehmen.

Bitte beachten Sie, dass der äußere Kasten, der sich zu 100% ausdehnt, von YUI erstellt wird, wenn Sie den obigen Code ausführen. Ich habe ihn nicht selbst erstellt.

Was ich wirklich brauche, ist nur ein vertikaler Bildlauf und kein horizontaler Bildlauf. Aber YUI nicht lassen Sie das eine oder das andere angeben, erhalten Sie beide.

Gibt es eine Möglichkeit, die Tabelle zu 100 % zu dehnen? Ich habe in der YUI-Dokumentation nichts zu diesem Thema gefunden, es sei denn, ich habe es übersehen.

Vielen Dank fürs Lesen!

Answer 1

Wenn Sie eine ScrollingDataTable und eine Breite angeben, werden die Spalten nicht automatisch skaliert. Das macht Sinn, wenn man darüber nachdenkt - die Tabelle muss Fälle behandeln, in denen zu viele Spalten in die Ansicht passen, also wird nicht versucht, sie anzupassen.

Da es so aussieht, als bräuchten Sie keinen horizontalen Bildlauf, entfernen Sie das Attribut width config. Um die Tabelle auf die von Ihnen gewünschte Breite zu bringen, können Sie es versuchen:

• Festlegen der Breite in css auf dem Container-Div, anstatt in der Tabellenkonfiguration
• Festlegen der Spaltenbreiten, so dass sie sich zur gewünschten Gesamtbreite addieren.