Jak to zrobić, aby instancja dGrid zajmowała 100% wysokości swojego kontenera? Mogę użyć CSS, aby ".dgrid" sklasyfikował div określoną wysokość, ale kiedy ustawię ją na 100%, nie wyświetla się.100% Wysokość w dGrid
6
A
Odpowiedz
12
Rozumiem.
.dgrid {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: auto;
}
(z pozycją absolutną/krewnego na pojemniku, oczywiście)
1
@ odpowiedź voidstate jest dobra. Innym sposobem na to jest tak:
HTML:
<div class="containsDGrid">
<div data-dojo-attach-point="dgrid"></div>
</div>
CSS:
.containsDGrid {
height: 500px;
width: 500px;
}
.dgrid {
height: 100%;
width: 100%;
}
Kluczem jest to, że jeśli ustawić wysokość dgrid do 100%, rodzica dgrid za musi mieć swoją wysokość. Na przykład, jeśli nie ustawić wysokość .containsDGrid
div to będzie wyglądać następująco (zauważ, wysokość): 2px
Inny przykład zobaczyć Dojo Dgrid - Use remaining space in block
1
myślę obsługiwana sposobem na to jest z klasą css .dgrid-autoheight.
require([
"dgrid/List",
"dgrid/OnDemandGrid",
"dgrid/Selection",
"dgrid/Keyboard",
"dojo/_base/declare",
"dgrid/test/data/createAsyncStore",
"dgrid/test/data/smallColorData",
"dojo/domReady!"
], function(List, Grid, Selection, Keyboard, declare, createAsyncStore, smallColorData){
window.grid = new (declare([Grid, Selection, Keyboard]))({
className: "dgrid-autoheight",
collection: createAsyncStore({ data: smallColorData }),
columns: {
col1: "Color",
col5: "R",
col6: "G",
col7: "B"
}
}, "grid");
});
To jest z test examples.
+0
dgrid-auroheight zmiany rozmiaru siatki nie do zawartości pojemnik –
Powiązane problemy
- 1. Textarea wysokość: 100%
- 2. Wysokość akordeonu jquery: 100%
- 3. CSS 100% Wysokość Div
- 4. CSS div 100% wysokość
- 5. Wysokość 100% div
- 6. przepełnienie (przewijanie) - 100% wysokość kontenera
- 7. Wysokość strony do 100% widoczności?
- 8. Wysokość zawartości JQuery Mobile: 100%
- 9. wysokość: 100% lub min-wysokość: 100% dla elementów html i body?
- 10. Widgety wewnątrz dojo dgrid
- 11. CSS 100% wysokość pojemnika z min-wysokości
- 12. Wysokość ciała 100% wyświetlanie pionowego paska przewijania
- 13. Ustaw wysokość 100% na podziałce bezwzględnej
- 14. CSS: Pasek boczny 100% wysokość bez przewijania
- 15. Sencha Touch 2 lista 100% wysokość
- 16. CSS 100% wysokość + nagłówek z wysokością statyczną;
- 17. Wysokość 100% Off-Canvas Foundation 5
- 18. bootstrap. div 100% wysokość elementu nadrzędnego
- 19. Kątowa 2 wysokość układu flex 100%
- 20. wiele pól wyboru div 100% wysokość ciała
- 21. Div 100% wysokość wyświetlana jako 0 pikseli?
- 22. Ustaw wysokość linku na 100% jego rodzica
- 23. Multiple Kolumna Sortowanie Z dgrid
- 24. Responsywny obraz maks. Wysokość 100% nie działa w firefox
- 25. Obraz w tle CSS Div Naprawiono wysokość 100% Szerokość
- 26. Wysokość ustawiania od 100% do div powoduje pionowy pasek przewijania
- 27. Wymusić zagnieżdżone elementy div, aby uzyskać min-wysokość 100%?
- 28. Jak uzyskać wysokość = 100% na <object> Osadź
- 29. Wysokość 100% na html/body nie działa na iPhonie
- 30. wysokość div dziecka 100% pozycja wewnętrzna: fixed div + przepełnienie auto
pewne dodatkowe informacje: [_Dgrid zmiana rozmiaru wewnątrz BorderContainer_] (http://stackoverflow.com/questions/13427937/dgrid-resizing-within-bordercontainer/13436318#13436318);) – phusick