current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free.
up vote 1 down vote favorite
1

I'm using UI-Grid 3.0 unstable on an angular page that is loading data via Restangular. So far most of it seems to be ok. I am using the selection module along with it and I'm having difficulty with pages that are loading the {enableFiltering: true} gridOptions in that most of the pages are not showing the input box on the grid.

I invoke the ui-grid on the html page using: 

<div class="gridStyle" ui-grid="gridOptions" ui-grid-selection></div>

and my gridOptions in my controller looks like this.

 $scope.gridOptions = {
    enableFiltering: true,
    data: 'data',
    columnDefs: [
        {field: 'name', displayName: 'Name'},
        {field: 'date', displayName: 'Date', cellFilter: 'date:\'MM-dd-yyyy\''}
    ],
    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;
    }
};

I honestly can't figure out why its not appearing on the page.

share|improve this question
    
I have same issue. I tried to reproduce problem with ui-grid plunker example but I can't. Actually, many other things has been added into my app, so it is not easy to figure out what causes it. –  sunghun Feb 6 at 3:33

1 Answer 1

up vote 0 down vote accepted

I don't understand 100% the problem, but I could go around it by overriding some css. The height in css were 100% and I changed them to auto.

.ui-grid-header-cell{
    height:auto;
}

.ui-grid-cell-contents {
    height: auto;
}

I hope this would be helpful.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.