Question

我有一个ui-grid，它跨越了列标题，并且有一些列向左或向右固定。

除了ui-grid细胞边界之外，所有这一切都正常工作，而不是你滚动越远的排列。

请参阅演示plunkr

这是我的标题模板

<div role="rowgroup"
 class="ui-grid-header">
<div class="ui-grid-top-panel">
    <div class="ui-grid-header-viewport">
        <div class="ui-grid-header-canvas">
            <div class="ui-grid-header-cell-wrapper" style="display: block;"
                 ng-style="colContainer.headerCellWrapperStyle()">
                <div role="row"
                     class="ui-grid-header-cell-row" >
                    <div class="ui-grid-header-cell ui-grid-clearfix ui-grid-category" ng-repeat="cat in grid.options.category"
                         style="text-align: center" ng-if="cat.visible && (colContainer.renderedColumns | filter:{ colDef:{category: cat.name} }).length > 0 && cat.pinned === colContainer.name">
                        <div class="ui-grid-cell-contents" style="display: block; border-bottom: 1px solid;border-bottom-color: #d4d4d4;" ng-class="{'category-pinned-left': cat.pinned ==='left'}"  >&nbsp;{{cat.displayName}}&nbsp;</div>
                        <div class="ui-grid-header-cell ui-grid-clearfix"
                             ng-repeat="col in colContainer.renderedColumns | filter:{ colDef:{category: cat.name} }"
                             ui-grid-header-cell
                             col="col"
                             render-index="$index">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

任何人都可以指出我正确的方向来解决这个问题。

提前致谢。

Angular UI-Grid Spanned Column标头

0 个答案: