簡體   English   中英

dojox.grid.DataGrid制作多行標題

[英]dojox.grid.DataGrid making multi row header

我想使用dojox.grid.Datagrid使用多行標題制作網格:

    <table  data-dojo-id="monthReportTable" data-dojo-type="dojox.grid.DataGrid" autoHeight="true" autoWidth="true">
    <thead>
    <tr>
       <th field="employee"   rowspan="2"    width="150px"     >Сотрудник</th>
       <th field="division"   rowspan="2"    width="150px"     >Подразделение</th>
       <th field="region"     rowspan="2"    width="100px"     >Регион</th>
       <th field="ts_month"   colspan="3"                     >В табель за месяц</th>
       <th field="calc_month" colspan="3"                     >Расчетные показатели за месяц</th>
    </tr>
    <tr>
        <th field="ts_worked"              width="100px" title="Количество отработанных дней (фактическое)"      >Отработано</th>
        <th field="ts_vacation"            width="100px" title="Количество дней отпуска"                         >Отпуск</th>
        <th field="ts_illness"             width="100px" title="Количество дней болезни"                         >Больничный</th>

        <th field="calc_worked_plan"       width="100px" title="Количество отработанных дней (плановое)"         >Отработано (план)</th>
        <th field="calc_worked_fact"       width="100px" title="Количество отработанных дней (фактическое)"      >Отработано (факт)</th>
        <th field="calc_vacation"          width="100px" title="Количество дней отпуска"                         >Отпуск</th>
    </tr>
    </thead>
</table>

我希望得到這樣的東西: https : //www.dropbox.com/s/iepnjk1aan9el72/1.PNG?dl=0

但是隨后我初始化了商店,得到了這張照片: https : //www.dropbox.com/s/cnt4lzhsjex2jj5/2.PNG?dl=0

行的高度很大,沒有其他列。 不明白為什么會這樣,因為瀏覽器控制台中沒有錯誤。 在FF和Chrome中無法正常運行。

所以,我認為可能必須有某種特定的商店嗎? 有人有這樣的問題嗎? 如何解決問題?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM