Question

我有一个ui网格，我需要在其中合并一些中间列。它看起来应该像下面这样：

Name   | Address  | Comment  | Job  |  College | Married
----------------------------------------------------------
Keshvi | India    | New      | Not applicable  | No
----------------------------------------------------------

我当前正在使用rowTemplate。

function rowTemplate() {
    return  '  <div ng-repeat="(colRenderIndex, col) in grid.appScope.customiseRowsDeletedBy(colContainer.renderedColumns) track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }"  ui-grid-cell></div>' +
        '  <div class="other-override-background" >{{row.entity.job}}</div>' +
        '  <div ng-repeat="(colRenderIndex, col) in [colContainer.renderedColumns[5]]) track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }" ng-style="{position:\'absolute\, display:\'block\'}" ui-grid-cell ></div>' 
        '</div>';
}


$scope.customiseRowsDeletedBy = (arr) => arr.slice(0, 2);

但是，我的输出看起来像这样：

Name   | Address  | Comment  | Job  |  College | Married
----------------------------------------------------------
Keshvi | India    | New      | Not applicable  | 
----------------------------------------------------------
No
----------------------------------------------------------

第三个div下移内容。

有什么想法吗？

Answer 1

TableData对象具有一个可以使用的名为“ ColSpan”的属性。

    document.getElementById("myTd").colSpan = "2";

我对rowTemplate不太熟悉，但也许它具有类似的属性。

合并UI网格中的特定列

1 个答案: