Question

我想使用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中无法正常工作。

所以，我想可能必须有一些特定的商店？有人有这样的问题吗？如何解决问题？

Answer 1

检查此链接https://dojotoolkit.org/documentation/tutorials/1.10/datagrid/demo/datagrid-subrows.html查看源代码。

dojox.grid.DataGrid制作多行标题

1 个答案: