css دوجو دغريد-استخدام المساحة المتبقية في كتلة



dojo dgrid (1)

أحد الحلول هو تغيير هتمل إلى هذا:

<div class="container">
    <div class="someStuff">Some stuff of unknown height</div>
    <div class="containsDGrid">
        <div class="myDGrid" data-dojo-attach-point="dgrid"></div>
    </div>
</div>

ثم استخدم كس مثل هذا:

.container {
    display: table;
}
.someStuff {
    display: table-row;
}
.containsDGrid {
    display: table-row;
    height: 100%;
}
.dgrid {
    width: 100%;
    height: 100%;
}
.dgrid .dgrid-scroller {
    overflow-y: auto;
    overflow-x: hidden;
}

لدي كتلة مثل هذا:

<div class="container">
    <div class="someStuff">Some stuff of unknown height</div>
    <div class="myDGrid" data-dojo-attach-point="dgrid"></div>
</div>

بدأت دغريد كما يلي:

new (declare([OnDemandGrid, DijitRegistry]))({
    store: ...,
    columns: ...
}, this.dgrid);

المتطلبات:

  • كتلة الحاوية لديها بعض الارتفاع.
  • كتلة سومستوف لديها بعض الارتفاع الذي يتم تعيين حيوي.

تحتوي كتلة ميدغريد على دوجو دغريد. وينبغي أن تستخدم ما تبقى من الفضاء في الحاوية. فمثلا:

  • إذا كانت الحاوية 400px و سومستوف هو 200px ثم يجب أن يكون ميدغريد 200px.
  • إذا كانت الحاوية 300px و سومستوف هو سومستوف هو 10px ثم يجب أن يكون ميدغريد 290px.

يجب أن يكون دغريد أشرطة التمرير إذا كان لا يمكن عرض جميع الصفوف.

ما هي أفضل طريقة للقيام بذلك؟





dgrid