title: How to add column menu to primeNG datatable to show and hide columns
body: <p>We are upgrading our angularJS project to angular 4 and are using the primeNG components including the primeNG datatable. Does anyone know how to create a hide/show menu item the same way the angular-ui-grid has to hide/show columns?</p>
  
  <p><a href="https://i.stack.imgur.com/RJew5.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RJew5.jpg" alt="enter image description here"></a></p>
  
  <p>We figured we can use the [hidden] property in the html <code>&lt;p-column field="somefield" [hidden]="!isColumnVisible"</code> but the customer also wants a visual menu with a drop down item they can easily check/uncheck which columns to hide the same was the angular-ui-grid does.</p>