{"action":"created","comment":{"url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/comments/196792270","pull_request_review_id":130411302,"id":196792270,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDE5Njc5MjI3MA==","diff_hunk":"@@ -0,0 +1,368 @@\n+---\n+title: Column Hiding Component – Native Angular | Ignite UI for Angular\n+_description: Column hiding with the Ignite UI for Angular Column Hiding component allows the users hide and show columns by using a built-in UI of the Data Grid.\n+_keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Data Grid component, Angular Data Grid control, Angular Grid component, Angular Grid control, Angular High Performance Grid, column hiding, hiding, hide\n+---\n+\n+### Grid Column Hiding\n+\n+The Ignite UI for Angular Data Grid provides a **Column Hiding** component, which allows users to hide and show columns directly through the **UI**. The Data Grid has a built-in column hiding UI, which can be used through the grid's toolbar. In addition, developers can always define the column hiding UI as a separate component and place it anywhere they want on the page.\n+\n+#### Demo\n+\n+<div class=\"sample-container loading\" style=\"height:650px\">\n+    <iframe id=\"grid-column-hiding-toolbar-sample-iframe\" src='{environment:demosBaseUrl}/grid-column-hiding-toolbar-sample' width=\"100%\" height=\"100%\" seamless frameBorder=\"0\" onload=\"onSampleIframeContentLoaded(this);\"></iframe>\n+</div>\n+<br/>\n+<div>\n+<button data-localize=\"stackblitz\" class=\"stackblitz-btn\" data-iframe-id=\"grid-column-hiding-toolbar-sample-iframe\" data-demos-base-url=\"{environment:demosBaseUrl}\">view on stackblitz</button>\n+</div>\n+<div class=\"divider--half\"></div>\n+\n+### Grid setup\n+Let's start by creating our grid and binding it to our data. We will also enable both filtering and sorting for the columns.\n+\n+```html\n+<!--columnHiding.component.html-->\n+\n+<igx-grid #grid id=\"grid\" [data]=\"data\" [autoGenerate]=\"false\" width=\"100%\" height=\"560px\" columnWidth=\"200px\"\n+            (onColumnInit)=\"initColumns($event)\">\n+    <igx-column [field]=\"'ID'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'ContactName'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'ContactTitle'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'City'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'CompanyName'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'Fax'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'Address'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'PostalCode'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'Country'\" dataType=\"string\"></igx-column>\n+    <igx-column [field]=\"'Phone'\" dataType=\"string\"></igx-column>\n+</igx-grid>\n+```\n+\n+```typescript\n+// columnHiding.component.ts\n+\n+public initColumns(column: IgxColumnComponent) {","path":"en/components/grid_column_hiding.md","position":46,"original_position":46,"commit_id":"9b1a40d99086ec22aa9faf7156fc81a54c782292","original_commit_id":"9b1a40d99086ec22aa9faf7156fc81a54c782292","user":{"login":"kdinev","id":1472513,"node_id":"MDQ6VXNlcjE0NzI1MTM=","avatar_url":"https://avatars3.githubusercontent.com/u/1472513?v=4","gravatar_id":"","url":"https://api.github.com/users/kdinev","html_url":"https://github.com/kdinev","followers_url":"https://api.github.com/users/kdinev/followers","following_url":"https://api.github.com/users/kdinev/following{/other_user}","gists_url":"https://api.github.com/users/kdinev/gists{/gist_id}","starred_url":"https://api.github.com/users/kdinev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kdinev/subscriptions","organizations_url":"https://api.github.com/users/kdinev/orgs","repos_url":"https://api.github.com/users/kdinev/repos","events_url":"https://api.github.com/users/kdinev/events{/privacy}","received_events_url":"https://api.github.com/users/kdinev/received_events","type":"User","site_admin":false},"body":"Why not set `filterable` and `sortable` on the column definitions inside the component.html and omit the `initColumns` altogether?","created_at":"2018-06-20T14:05:48Z","updated_at":"2018-06-20T14:20:20Z","html_url":"https://github.com/IgniteUI/igniteui-docfx/pull/450#discussion_r196792270","pull_request_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/450","author_association":"MEMBER","_links":{"self":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/comments/196792270"},"html":{"href":"https://github.com/IgniteUI/igniteui-docfx/pull/450#discussion_r196792270"},"pull_request":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/450"}}},"pull_request":{"url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/450","id":195501673,"node_id":"MDExOlB1bGxSZXF1ZXN0MTk1NTAxNjcz","html_url":"https://github.com/IgniteUI/igniteui-docfx/pull/450","diff_url":"https://github.com/IgniteUI/igniteui-docfx/pull/450.diff","patch_url":"https://github.com/IgniteUI/igniteui-docfx/pull/450.patch","issue_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues/450","number":450,"state":"open","locked":false,"title":"docs(columnHiding): adding page for the igxGrid columnHiding","user":{"login":"tachojelev","id":12784974,"node_id":"MDQ6VXNlcjEyNzg0OTc0","avatar_url":"https://avatars2.githubusercontent.com/u/12784974?v=4","gravatar_id":"","url":"https://api.github.com/users/tachojelev","html_url":"https://github.com/tachojelev","followers_url":"https://api.github.com/users/tachojelev/followers","following_url":"https://api.github.com/users/tachojelev/following{/other_user}","gists_url":"https://api.github.com/users/tachojelev/gists{/gist_id}","starred_url":"https://api.github.com/users/tachojelev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tachojelev/subscriptions","organizations_url":"https://api.github.com/users/tachojelev/orgs","repos_url":"https://api.github.com/users/tachojelev/repos","events_url":"https://api.github.com/users/tachojelev/events{/privacy}","received_events_url":"https://api.github.com/users/tachojelev/received_events","type":"User","site_admin":false},"body":"IgniteUI/igniteui-angular#878","created_at":"2018-06-18T11:57:31Z","updated_at":"2018-06-20T14:20:20Z","closed_at":null,"merged_at":null,"merge_commit_sha":"3cdc97030f1e77451afd1a77f9bc966d6730d00b","assignee":null,"assignees":[],"requested_reviewers":[{"login":"gedinakova","id":16817847,"node_id":"MDQ6VXNlcjE2ODE3ODQ3","avatar_url":"https://avatars3.githubusercontent.com/u/16817847?v=4","gravatar_id":"","url":"https://api.github.com/users/gedinakova","html_url":"https://github.com/gedinakova","followers_url":"https://api.github.com/users/gedinakova/followers","following_url":"https://api.github.com/users/gedinakova/following{/other_user}","gists_url":"https://api.github.com/users/gedinakova/gists{/gist_id}","starred_url":"https://api.github.com/users/gedinakova/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gedinakova/subscriptions","organizations_url":"https://api.github.com/users/gedinakova/orgs","repos_url":"https://api.github.com/users/gedinakova/repos","events_url":"https://api.github.com/users/gedinakova/events{/privacy}","received_events_url":"https://api.github.com/users/gedinakova/received_events","type":"User","site_admin":false}],"requested_teams":[],"labels":[{"id":730585861,"node_id":"MDU6TGFiZWw3MzA1ODU4NjE=","url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/labels/enhancement","name":"enhancement","color":"84b6eb","default":true},{"id":845999921,"node_id":"MDU6TGFiZWw4NDU5OTk5MjE=","url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/labels/status:%20awaiting-test","name":"status: awaiting-test","color":"d93f0b","default":false}],"milestone":null,"commits_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/450/commits","review_comments_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/450/comments","review_comment_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/comments{/number}","comments_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues/450/comments","statuses_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/statuses/9b1a40d99086ec22aa9faf7156fc81a54c782292","head":{"label":"IgniteUI:tzhelev/gridColumnHiding","ref":"tzhelev/gridColumnHiding","sha":"9b1a40d99086ec22aa9faf7156fc81a54c782292","user":{"login":"IgniteUI","id":5366066,"node_id":"MDEyOk9yZ2FuaXphdGlvbjUzNjYwNjY=","avatar_url":"https://avatars2.githubusercontent.com/u/5366066?v=4","gravatar_id":"","url":"https://api.github.com/users/IgniteUI","html_url":"https://github.com/IgniteUI","followers_url":"https://api.github.com/users/IgniteUI/followers","following_url":"https://api.github.com/users/IgniteUI/following{/other_user}","gists_url":"https://api.github.com/users/IgniteUI/gists{/gist_id}","starred_url":"https://api.github.com/users/IgniteUI/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IgniteUI/subscriptions","organizations_url":"https://api.github.com/users/IgniteUI/orgs","repos_url":"https://api.github.com/users/IgniteUI/repos","events_url":"https://api.github.com/users/IgniteUI/events{/privacy}","received_events_url":"https://api.github.com/users/IgniteUI/received_events","type":"Organization","site_admin":false},"repo":{"id":108271466,"node_id":"MDEwOlJlcG9zaXRvcnkxMDgyNzE0NjY=","name":"igniteui-docfx","full_name":"IgniteUI/igniteui-docfx","owner":{"login":"IgniteUI","id":5366066,"node_id":"MDEyOk9yZ2FuaXphdGlvbjUzNjYwNjY=","avatar_url":"https://avatars2.githubusercontent.com/u/5366066?v=4","gravatar_id":"","url":"https://api.github.com/users/IgniteUI","html_url":"https://github.com/IgniteUI","followers_url":"https://api.github.com/users/IgniteUI/followers","following_url":"https://api.github.com/users/IgniteUI/following{/other_user}","gists_url":"https://api.github.com/users/IgniteUI/gists{/gist_id}","starred_url":"https://api.github.com/users/IgniteUI/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IgniteUI/subscriptions","organizations_url":"https://api.github.com/users/IgniteUI/orgs","repos_url":"https://api.github.com/users/IgniteUI/repos","events_url":"https://api.github.com/users/IgniteUI/events{/privacy}","received_events_url":"https://api.github.com/users/IgniteUI/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/IgniteUI/igniteui-docfx","description":null,"fork":false,"url":"https://api.github.com/repos/IgniteUI/igniteui-docfx","forks_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/forks","keys_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/keys{/key_id}","collaborators_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/teams","hooks_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/hooks","issue_events_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues/events{/number}","events_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/events","assignees_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/assignees{/user}","branches_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/branches{/branch}","tags_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/tags","blobs_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/refs{/sha}","trees_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/trees{/sha}","statuses_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/statuses/{sha}","languages_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/languages","stargazers_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/stargazers","contributors_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/contributors","subscribers_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/subscribers","subscription_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/subscription","commits_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/commits{/sha}","git_commits_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/commits{/sha}","comments_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/comments{/number}","issue_comment_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues/comments{/number}","contents_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/contents/{+path}","compare_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/compare/{base}...{head}","merges_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/merges","archive_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/downloads","issues_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues{/number}","pulls_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls{/number}","milestones_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/milestones{/number}","notifications_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/labels{/name}","releases_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/releases{/id}","deployments_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/deployments","created_at":"2017-10-25T13:07:40Z","updated_at":"2018-06-20T13:57:15Z","pushed_at":"2018-06-20T13:57:15Z","git_url":"git://github.com/IgniteUI/igniteui-docfx.git","ssh_url":"git@github.com:IgniteUI/igniteui-docfx.git","clone_url":"https://github.com/IgniteUI/igniteui-docfx.git","svn_url":"https://github.com/IgniteUI/igniteui-docfx","homepage":null,"size":3050,"stargazers_count":8,"watchers_count":8,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":14,"mirror_url":null,"archived":false,"open_issues_count":21,"license":null,"forks":14,"open_issues":21,"watchers":8,"default_branch":"master"}},"base":{"label":"IgniteUI:master","ref":"master","sha":"e9ac6cf32be57a024cb8f2069dd3ce9203a9654f","user":{"login":"IgniteUI","id":5366066,"node_id":"MDEyOk9yZ2FuaXphdGlvbjUzNjYwNjY=","avatar_url":"https://avatars2.githubusercontent.com/u/5366066?v=4","gravatar_id":"","url":"https://api.github.com/users/IgniteUI","html_url":"https://github.com/IgniteUI","followers_url":"https://api.github.com/users/IgniteUI/followers","following_url":"https://api.github.com/users/IgniteUI/following{/other_user}","gists_url":"https://api.github.com/users/IgniteUI/gists{/gist_id}","starred_url":"https://api.github.com/users/IgniteUI/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IgniteUI/subscriptions","organizations_url":"https://api.github.com/users/IgniteUI/orgs","repos_url":"https://api.github.com/users/IgniteUI/repos","events_url":"https://api.github.com/users/IgniteUI/events{/privacy}","received_events_url":"https://api.github.com/users/IgniteUI/received_events","type":"Organization","site_admin":false},"repo":{"id":108271466,"node_id":"MDEwOlJlcG9zaXRvcnkxMDgyNzE0NjY=","name":"igniteui-docfx","full_name":"IgniteUI/igniteui-docfx","owner":{"login":"IgniteUI","id":5366066,"node_id":"MDEyOk9yZ2FuaXphdGlvbjUzNjYwNjY=","avatar_url":"https://avatars2.githubusercontent.com/u/5366066?v=4","gravatar_id":"","url":"https://api.github.com/users/IgniteUI","html_url":"https://github.com/IgniteUI","followers_url":"https://api.github.com/users/IgniteUI/followers","following_url":"https://api.github.com/users/IgniteUI/following{/other_user}","gists_url":"https://api.github.com/users/IgniteUI/gists{/gist_id}","starred_url":"https://api.github.com/users/IgniteUI/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IgniteUI/subscriptions","organizations_url":"https://api.github.com/users/IgniteUI/orgs","repos_url":"https://api.github.com/users/IgniteUI/repos","events_url":"https://api.github.com/users/IgniteUI/events{/privacy}","received_events_url":"https://api.github.com/users/IgniteUI/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/IgniteUI/igniteui-docfx","description":null,"fork":false,"url":"https://api.github.com/repos/IgniteUI/igniteui-docfx","forks_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/forks","keys_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/keys{/key_id}","collaborators_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/teams","hooks_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/hooks","issue_events_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues/events{/number}","events_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/events","assignees_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/assignees{/user}","branches_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/branches{/branch}","tags_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/tags","blobs_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/refs{/sha}","trees_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/trees{/sha}","statuses_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/statuses/{sha}","languages_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/languages","stargazers_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/stargazers","contributors_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/contributors","subscribers_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/subscribers","subscription_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/subscription","commits_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/commits{/sha}","git_commits_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/git/commits{/sha}","comments_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/comments{/number}","issue_comment_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues/comments{/number}","contents_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/contents/{+path}","compare_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/compare/{base}...{head}","merges_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/merges","archive_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/downloads","issues_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues{/number}","pulls_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls{/number}","milestones_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/milestones{/number}","notifications_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/labels{/name}","releases_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/releases{/id}","deployments_url":"https://api.github.com/repos/IgniteUI/igniteui-docfx/deployments","created_at":"2017-10-25T13:07:40Z","updated_at":"2018-06-20T13:57:15Z","pushed_at":"2018-06-20T13:57:15Z","git_url":"git://github.com/IgniteUI/igniteui-docfx.git","ssh_url":"git@github.com:IgniteUI/igniteui-docfx.git","clone_url":"https://github.com/IgniteUI/igniteui-docfx.git","svn_url":"https://github.com/IgniteUI/igniteui-docfx","homepage":null,"size":3050,"stargazers_count":8,"watchers_count":8,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":14,"mirror_url":null,"archived":false,"open_issues_count":21,"license":null,"forks":14,"open_issues":21,"watchers":8,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/450"},"html":{"href":"https://github.com/IgniteUI/igniteui-docfx/pull/450"},"issue":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues/450"},"comments":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/issues/450/comments"},"review_comments":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/450/comments"},"review_comment":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/pulls/450/commits"},"statuses":{"href":"https://api.github.com/repos/IgniteUI/igniteui-docfx/statuses/9b1a40d99086ec22aa9faf7156fc81a54c782292"}},"author_association":"NONE"}}
{"actor":{"display_login":"kdinev"}}