ui-grid pinning bug

[leehung-net]

I deployed Pinning function of ui-grid in my application. But when I made Pin Left column is hidden. Code:
html:

 <div class="qe-grid-toolbar-style" ui-grid="ModelData.UserRoleAssignOptions" external-scopes="ModelData" ui-grid-pinning ui-grid-auto-resize>
    </div>

css:

.qe-grid-toolbar-style {
    border: 1px solid rgb(212,212,212);
    position: absolute;
    height: auto;
    width: auto;
    left: 1px;
    right: 1px;
    top: 82px;
    bottom: 1px;
}

Control:

$scope.ModelData.ListPriceTableReferenceColumns = [
                    {
                        name: "Symbol", field: "Symbol", width: "*",
                        displayName: $scope.translation.Form_PriceTableReference_symbol,
                        enableColumnMenu: false

                    },
                    {
                        name: "FxBan", field: "FxBan", width: "*",
                        enableColumnMenu: false,
                        enableFiltering: false,
                        displayName: $scope.translation.Form_PriceTableReference_FxBan, cellTemplate: '<a ng-click="getExternalScopes().PopupAsk(row.entity.FxBan,row.entity.Symbol)">{{row.entity.FxBan}}</a>'

                    },
                    {
                        name: "FxMua",
                        field: "FxMua",
                        enableColumnMenu: false,
                        enableFiltering: false,
                        width: "*",
                        displayName: $scope.translation.Form_PriceTableReference_FxMua,
                        cellTemplate: '<a ng-click="getExternalScopes().PopupBid(row.entity.FxMua,row.entity.Symbol)">{{row.entity.FxMua}}</a>'
                    },
                    {
                        name: "SalesBan", field: "SalesBan", width: "*",
                        enableColumnMenu: false,
                        enableFiltering: false,
                        displayName: $scope.translation.Form_PriceTableReference_SalesBan

                    },
                    {
                        name: "SalesMua",
                        field: "SalesMua",
                        enableColumnMenu: false,
                        enableFiltering: false,
                        width: "*",
                        displayName: $scope.translation.Form_PriceTableReference_SalesMua,
                    }
                ];

                $scope.ModelData.ListPriceTableReferenceData = new Array();
                $scope.ModelData.ListPriceTableReferenceOptions = {
                    columnDefs: $scope.ModelData.ListPriceTableReferenceColumns,
                    data: "ModelData.ListPriceTableReferenceData"
                };

[PaulL1]

Could you provide this as a plunker, and a clearer description of the problem that you're experiencing?

[leehung-net]

Hi PaulL1,
This issue has been closed, because css error.

[PaulL1]

Thanks.

[sebilozano]

@loongdefect what was the css error? I'm having the same problem.