This repository has been archived by the owner on Aug 19, 2019. It is now read-only.
/
b38f81fc509cb8d43752f86549c03f1a-row-height.component.html.json
1 lines (1 loc) · 12.8 KB
/
b38f81fc509cb8d43752f86549c03f1a-row-height.component.html.json
1
[{"file":"row-height.component.md","lang":"html","section":"ex-1","code":" <span class=\"hljs-tag\"><<span class=\"hljs-name\">neg-table</span> <span class=\"hljs-attr\">blockUi</span> [<span class=\"hljs-attr\">dataSource</span>]=<span class=\"hljs-string\">\"ds1\"</span> [<span class=\"hljs-attr\">columns</span>]=<span class=\"hljs-string\">\"columns\"</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">\"height: 300px\"</span>></span><span class=\"hljs-tag\"></<span class=\"hljs-name\">neg-table</span>></span>"},{"file":"row-height.component.md","lang":"html","section":"ex-2","code":" <span class=\"hljs-tag\"><<span class=\"hljs-name\">neg-table</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"max-row-height-72\"</span> <span class=\"hljs-attr\">blockUi</span> [<span class=\"hljs-attr\">dataSource</span>]=<span class=\"hljs-string\">\"ds2\"</span> [<span class=\"hljs-attr\">columns</span>]=<span class=\"hljs-string\">\"columns\"</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">\"height: 300px\"</span>></span><span class=\"hljs-tag\"></<span class=\"hljs-name\">neg-table</span>></span>"},{"file":"row-height.component.md","lang":"html","section":"ex-3","code":" <span class=\"hljs-tag\"><<span class=\"hljs-name\">neg-table</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"neg-table-cell-ellipsis max-row-height-72 min-row-height-64\"</span> <span class=\"hljs-attr\">blockUi</span> [<span class=\"hljs-attr\">dataSource</span>]=<span class=\"hljs-string\">\"ds3\"</span> [<span class=\"hljs-attr\">columns</span>]=<span class=\"hljs-string\">\"columns\"</span> <span class=\"hljs-attr\">vScrollAuto</span>=<span class=\"hljs-string\">\"72\"</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">\"height: 300px\"</span>></span><span class=\"hljs-tag\"></<span class=\"hljs-name\">neg-table</span>></span>"},{"file":"row-height.component.ts","lang":"ts","section":"ex-1","code":"<span class=\"hljs-keyword\">import</span> { ChangeDetectionStrategy, Component, ViewEncapsulation } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@angular/core'</span>;\n<span class=\"hljs-keyword\">import</span> { createDS, columnFactory } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/table'</span>;\n\n<span class=\"hljs-keyword\">import</span> { Person, DemoDataSource } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/demo-apps/shared'</span>;\n\n<span class=\"hljs-keyword\">const</span> COLUMNS = columnFactory()\n .default({minWidth: <span class=\"hljs-number\">100</span>})\n .table(\n { prop: <span class=\"hljs-string\">'id'</span>, sort: <span class=\"hljs-literal\">true</span>, width: <span class=\"hljs-string\">'40px'</span> },\n { prop: <span class=\"hljs-string\">'name'</span>, sort: <span class=\"hljs-literal\">true</span> },\n { prop: <span class=\"hljs-string\">'gender'</span>, width: <span class=\"hljs-string\">'50px'</span> },\n { prop: <span class=\"hljs-string\">'birthdate'</span>, <span class=\"hljs-keyword\">type</span>: <span class=\"hljs-string\">'date'</span> },\n { prop: <span class=\"hljs-string\">'bio'</span> },\n { prop: <span class=\"hljs-string\">'email'</span>, minWidth: <span class=\"hljs-number\">250</span>, width: <span class=\"hljs-string\">'250px'</span> },\n { prop: <span class=\"hljs-string\">'language'</span>, headerType: <span class=\"hljs-string\">'language'</span> },\n )\n .build();\n\n<span class=\"hljs-meta\">@Component</span>({\n selector: <span class=\"hljs-string\">'neg-row-height-table-example-component'</span>,\n templateUrl: <span class=\"hljs-string\">'./row-height.component.html'</span>,\n styleUrls: [<span class=\"hljs-string\">'./row-height.component.scss'</span>],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">class</span> RowHeightTableExampleComponent {\n\n\n columns = COLUMNS;\n ds1 = createDS<Person><span class=\"hljs-function\"><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">ds2</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">ds3</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n\n <span class=\"hljs-params\">constructor</span>(<span class=\"hljs-params\"><span class=\"hljs-keyword\">private</span> datasource: DemoDataSource</span>) { }\n}</span>"},{"file":"row-height.component.ts","lang":"ts","section":"ex-2","code":"<span class=\"hljs-keyword\">import</span> { ChangeDetectionStrategy, Component, ViewEncapsulation } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@angular/core'</span>;\n<span class=\"hljs-keyword\">import</span> { createDS, columnFactory } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/table'</span>;\n\n<span class=\"hljs-keyword\">import</span> { Person, DemoDataSource } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/demo-apps/shared'</span>;\n\n<span class=\"hljs-keyword\">const</span> COLUMNS = columnFactory()\n .default({minWidth: <span class=\"hljs-number\">100</span>})\n .table(\n { prop: <span class=\"hljs-string\">'id'</span>, sort: <span class=\"hljs-literal\">true</span>, width: <span class=\"hljs-string\">'40px'</span> },\n { prop: <span class=\"hljs-string\">'name'</span>, sort: <span class=\"hljs-literal\">true</span> },\n { prop: <span class=\"hljs-string\">'gender'</span>, width: <span class=\"hljs-string\">'50px'</span> },\n { prop: <span class=\"hljs-string\">'birthdate'</span>, <span class=\"hljs-keyword\">type</span>: <span class=\"hljs-string\">'date'</span> },\n { prop: <span class=\"hljs-string\">'bio'</span> },\n { prop: <span class=\"hljs-string\">'email'</span>, minWidth: <span class=\"hljs-number\">250</span>, width: <span class=\"hljs-string\">'250px'</span> },\n { prop: <span class=\"hljs-string\">'language'</span>, headerType: <span class=\"hljs-string\">'language'</span> },\n )\n .build();\n\n<span class=\"hljs-meta\">@Component</span>({\n selector: <span class=\"hljs-string\">'neg-row-height-table-example-component'</span>,\n templateUrl: <span class=\"hljs-string\">'./row-height.component.html'</span>,\n styleUrls: [<span class=\"hljs-string\">'./row-height.component.scss'</span>],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">class</span> RowHeightTableExampleComponent {\n\n\n columns = COLUMNS;\n ds1 = createDS<Person><span class=\"hljs-function\"><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">ds2</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">ds3</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n\n <span class=\"hljs-params\">constructor</span>(<span class=\"hljs-params\"><span class=\"hljs-keyword\">private</span> datasource: DemoDataSource</span>) { }\n}</span>"},{"file":"row-height.component.ts","lang":"ts","section":"ex-3","code":"<span class=\"hljs-keyword\">import</span> { ChangeDetectionStrategy, Component, ViewEncapsulation } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@angular/core'</span>;\n<span class=\"hljs-keyword\">import</span> { createDS, columnFactory } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/table'</span>;\n\n<span class=\"hljs-keyword\">import</span> { Person, DemoDataSource } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'@neg/demo-apps/shared'</span>;\n\n<span class=\"hljs-keyword\">const</span> COLUMNS = columnFactory()\n .default({minWidth: <span class=\"hljs-number\">100</span>})\n .table(\n { prop: <span class=\"hljs-string\">'id'</span>, sort: <span class=\"hljs-literal\">true</span>, width: <span class=\"hljs-string\">'40px'</span> },\n { prop: <span class=\"hljs-string\">'name'</span>, sort: <span class=\"hljs-literal\">true</span> },\n { prop: <span class=\"hljs-string\">'gender'</span>, width: <span class=\"hljs-string\">'50px'</span> },\n { prop: <span class=\"hljs-string\">'birthdate'</span>, <span class=\"hljs-keyword\">type</span>: <span class=\"hljs-string\">'date'</span> },\n { prop: <span class=\"hljs-string\">'bio'</span> },\n { prop: <span class=\"hljs-string\">'email'</span>, minWidth: <span class=\"hljs-number\">250</span>, width: <span class=\"hljs-string\">'250px'</span> },\n { prop: <span class=\"hljs-string\">'language'</span>, headerType: <span class=\"hljs-string\">'language'</span> },\n )\n .build();\n\n<span class=\"hljs-meta\">@Component</span>({\n selector: <span class=\"hljs-string\">'neg-row-height-table-example-component'</span>,\n templateUrl: <span class=\"hljs-string\">'./row-height.component.html'</span>,\n styleUrls: [<span class=\"hljs-string\">'./row-height.component.scss'</span>],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">class</span> RowHeightTableExampleComponent {\n\n\n columns = COLUMNS;\n ds1 = createDS<Person><span class=\"hljs-function\"><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">ds2</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n <span class=\"hljs-params\">ds3</span> = <span class=\"hljs-params\">createDS</span><<span class=\"hljs-params\">Person</span>><span class=\"hljs-params\">()</span>.<span class=\"hljs-params\">onTrigger</span>(<span class=\"hljs-params\"> (<span class=\"hljs-params\"></span>) => <span class=\"hljs-keyword\">this</span>.datasource.getPeople(<span class=\"hljs-params\">0, 15</span>) </span>).<span class=\"hljs-params\">create</span><span class=\"hljs-params\">()</span>;\n\n <span class=\"hljs-params\">constructor</span>(<span class=\"hljs-params\"><span class=\"hljs-keyword\">private</span> datasource: DemoDataSource</span>) { }\n}</span>"}]