Ag-grid: Pinning Doesn't Work for Grouped and Hidden Columns

[chenkie]

I'm submitting a ... (check one with "x")

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/ceolter/ag-grid/blob/master/CONTRIBUTING.md#question

🚨 Possible dupe of #1890 but I'm not sure if the regression was fixed.

Current behavior
When setting pinned: 'left' to a column that is grouped and hidden, it doesn't actually get pinned. When not setting hide: true, the column gets pinned.

Expected behavior
I can manually pin the grouped and hidden column from the options dropdown in the grid at runtime. It should be able to pin from author-time config as well.

Minimal reproduction of the problem with instructions

const columnDefs = [
  {
    headerName: 'foo',
    field: 'foo',
    rowGroup: true,
    hide: true,
    pinned: 'left'
  },
  {
    headerName: 'bar',
    field: 'bar',
  }
];

// no pinning will occur

What is the motivation / use case for changing the behavior?

Please tell us about your environment:
Angular v5 on macOS 10.13.2

• ag-Grid version: X.X.X
  15.0.0

• Browser:
  Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  TypeScript

[chenkie]

Solved it by setting the pinned property on the autoGroupColumnDef object:

this.autoGroupColumnDef = {
  pinned: 'left'
};