5
Mi rendo conto che questo è un esempio semplicistico, ma volevo ottenere alcune spiegazioni su come HandsOnTable si aspetta di comportarsi all'interno di un contenitore. per esempio. abbiamo una scheda in cui posizioniamo HoT e vorremmo che consumasse il 100% dello spazio contenitore, ma al momento non sembra essere vincolato.Vincolo di HandsOnTable alle dimensioni del contenitore principale
Ecco un esempio. Vorremmo che fosse limitato all'interno della scatola rossa.
<div style="height: 100px; width: 100px; background-color: red;"><div id="example1" class="hot handsontable" ></div></div>
grazie, è stato utile. overflow = hidden sembra funzionare meglio di overflow = auto. overflow = auto non ha funzionato bene. Ho provato a includere una scatola bordata attorno alla griglia e il dimensionamento sembrava impercettibile. Ho incluso un div genitore di 300 px, di 300 px e un padding di 30 px in modo da poter vedere lo sfondo rosso. ma avevo bisogno di ridimensionare la griglia a 300px per 300px per farla occupare tutto lo spazio interno. È un artefatto di come la griglia sta facendo il dimensionamento? ' [http://jsfiddle.net/4yne0xbx/] ' Come fa la maggior parte della gente a gestire le aree in cui desidera che la griglia consumi l'intera dimensione del genitore? – bkbonner
mi dispiace per la formattazione di @ZekeDroid. Ho provato a risolverlo, ma non avevo capito che c'era un limite di tempo per le modifiche. – bkbonner
beh, puoi sempre usare 'width: 100%' se il genitore ha una larghezza. Ciò richiederebbe l'intera larghezza. L'altezza è un po 'più difficile. Inoltre, ricorda che il padding richiede 4 argomenti opzionali. Ne hai dato solo uno in modo che ti fornisse il riempimento superiore (inizia in alto e poi procede in senso orario, ad esempio il secondo argomento è corretto) – ZekeDroid