diff --git a/docs/grid-functionalities/row-detail.md b/docs/grid-functionalities/row-detail.md index d2f57c7c..676b165b 100644 --- a/docs/grid-functionalities/row-detail.md +++ b/docs/grid-functionalities/row-detail.md @@ -408,7 +408,6 @@ export class MainGridComponent implements OnInit { gridOptions!: GridOption; angularGrid!: AngularGridInstance; dataset: Distributor[] = []; - showSubTitle = true; get rowDetailInstance(): SlickRowDetailView { return this.angularGrid.extensions.rowDetailView?.instance || {}; diff --git a/src/app/examples/grid-additem.component.html b/src/app/examples/grid-additem.component.html index 8cd049fa..93e47986 100644 --- a/src/app/examples/grid-additem.component.html +++ b/src/app/examples/grid-additem.component.html @@ -10,8 +10,16 @@

code +

-
+
diff --git a/src/app/examples/grid-additem.component.ts b/src/app/examples/grid-additem.component.ts index 3a301b3e..36e502d7 100644 --- a/src/app/examples/grid-additem.component.ts +++ b/src/app/examples/grid-additem.component.ts @@ -44,6 +44,7 @@ export class GridAddItemComponent implements OnInit { dataView!: SlickDataView; columnDefinitions: Column[] = []; gridOptions!: GridOption; + hideSubTitle = false; dataset: any[]; updatedObject: any; diff --git a/src/app/examples/grid-angular.component.html b/src/app/examples/grid-angular.component.html index bf802da5..bd1dd498 100644 --- a/src/app/examples/grid-angular.component.html +++ b/src/app/examples/grid-angular.component.html @@ -10,8 +10,16 @@

code +

-
+
diff --git a/src/app/examples/grid-angular.component.ts b/src/app/examples/grid-angular.component.ts index 2f3b61d1..6b844c74 100644 --- a/src/app/examples/grid-angular.component.ts +++ b/src/app/examples/grid-angular.component.ts @@ -59,6 +59,7 @@ export class GridAngularComponent implements OnInit { dataset!: any[]; gridObj: any; isAutoEdit = true; + hideSubTitle = false; alertWarning: any; updatedObject: any; selectedLanguage = 'en'; diff --git a/src/app/examples/grid-autoheight.component.html b/src/app/examples/grid-autoheight.component.html index ece38062..a5c68d4d 100644 --- a/src/app/examples/grid-autoheight.component.html +++ b/src/app/examples/grid-autoheight.component.html @@ -10,8 +10,16 @@

code +

-
+
diff --git a/src/app/examples/grid-autoheight.component.ts b/src/app/examples/grid-autoheight.component.ts index 457be09a..e0f8c6ea 100644 --- a/src/app/examples/grid-autoheight.component.ts +++ b/src/app/examples/grid-autoheight.component.ts @@ -36,6 +36,7 @@ export class GridAutoHeightComponent implements OnInit { selectedOperator = '='; searchValue = ''; selectedColumn?: Column; + hideSubTitle = false; ngOnInit() { this.prepareGrid(); diff --git a/src/app/examples/grid-base-row-editing.component.html b/src/app/examples/grid-base-row-editing.component.html index b9e836e6..5373f83a 100644 --- a/src/app/examples/grid-base-row-editing.component.html +++ b/src/app/examples/grid-base-row-editing.component.html @@ -9,9 +9,17 @@

code +

-
+
  • The Row Based Edit plugin allows you to edit either a single or multiple specific rows at a time, while disabling the rest diff --git a/src/app/examples/grid-base-row-editing.component.ts b/src/app/examples/grid-base-row-editing.component.ts index 5be2e987..01ecc595 100644 --- a/src/app/examples/grid-base-row-editing.component.ts +++ b/src/app/examples/grid-base-row-editing.component.ts @@ -23,6 +23,7 @@ export class GridBaseRowEditingComponent implements OnInit { fetchResult = ''; statusClass = 'alert alert-light'; statusStyle = 'display: none'; + hideSubTitle = false; constructor(private translate: TranslateService) { // always start with English for Cypress E2E tests to be consistent diff --git a/src/app/examples/grid-basic.component.html b/src/app/examples/grid-basic.component.html index 55bd5343..922d3326 100644 --- a/src/app/examples/grid-basic.component.html +++ b/src/app/examples/grid-basic.component.html @@ -10,8 +10,16 @@

    code +

    -
    +

    diff --git a/src/app/examples/grid-basic.component.ts b/src/app/examples/grid-basic.component.ts index c824c9d8..06eff912 100644 --- a/src/app/examples/grid-basic.component.ts +++ b/src/app/examples/grid-basic.component.ts @@ -24,6 +24,7 @@ export class GridBasicComponent implements OnDestroy, OnInit { gridOptions2!: GridOption; dataset1!: any[]; dataset2!: any[]; + hideSubTitle = false; ngOnInit(): void { this.prepareGrid(); diff --git a/src/app/examples/grid-clientside.component.html b/src/app/examples/grid-clientside.component.html index 5d8055b4..8d87d5a9 100644 --- a/src/app/examples/grid-clientside.component.html +++ b/src/app/examples/grid-clientside.component.html @@ -10,8 +10,16 @@

    code +

    -
    +

    diff --git a/src/app/examples/grid-clientside.component.ts b/src/app/examples/grid-clientside.component.ts index 7a208a62..776091a9 100644 --- a/src/app/examples/grid-clientside.component.ts +++ b/src/app/examples/grid-clientside.component.ts @@ -56,6 +56,7 @@ export class GridClientSideComponent implements OnInit { gridOptions!: GridOption; dataset!: any[]; metrics!: Metrics; + hideSubTitle = false; constructor( private http: HttpClient, diff --git a/src/app/examples/grid-colspan.component.html b/src/app/examples/grid-colspan.component.html index 69631ad3..0fcb3fb2 100644 --- a/src/app/examples/grid-colspan.component.html +++ b/src/app/examples/grid-colspan.component.html @@ -10,8 +10,16 @@

    code +

    -
    +

    Grid 1 (with Header Grouping & Colspan)

    diff --git a/src/app/examples/grid-colspan.component.ts b/src/app/examples/grid-colspan.component.ts index eeda7f61..17a78553 100644 --- a/src/app/examples/grid-colspan.component.ts +++ b/src/app/examples/grid-colspan.component.ts @@ -28,6 +28,7 @@ export class GridColspanComponent implements OnInit { gridOptions2!: GridOption; dataset1: any[] = []; dataset2: any[] = []; + hideSubTitle = false; ngOnInit(): void { this.prepareGrid1(); diff --git a/src/app/examples/grid-composite-editor.component.html b/src/app/examples/grid-composite-editor.component.html index 1212fc7a..3f6013f8 100644 --- a/src/app/examples/grid-composite-editor.component.html +++ b/src/app/examples/grid-composite-editor.component.html @@ -1,10 +1,7 @@

    {{ title }} - + code + +

    -
    +
    diff --git a/src/app/examples/grid-composite-editor.component.ts b/src/app/examples/grid-composite-editor.component.ts index 317753df..724ea841 100644 --- a/src/app/examples/grid-composite-editor.component.ts +++ b/src/app/examples/grid-composite-editor.component.ts @@ -104,6 +104,7 @@ export class GridCompositeEditorComponent implements OnDestroy, OnInit { isCompositeDisabled = false; isMassSelectionDisabled = true; cellCssStyleQueue: string[] = []; + hideSubTitle = false; complexityLevelList = [ { value: 0, label: 'Very Simple' }, { value: 1, label: 'Simple' }, diff --git a/src/app/examples/grid-contextmenu.component.html b/src/app/examples/grid-contextmenu.component.html index 0a9a8e55..4dd79ef2 100644 --- a/src/app/examples/grid-contextmenu.component.html +++ b/src/app/examples/grid-contextmenu.component.html @@ -1,9 +1,6 @@

    {{ title }} - code + +

    -
    +
    diff --git a/src/app/examples/grid-contextmenu.component.ts b/src/app/examples/grid-contextmenu.component.ts index 3c36debf..3ab0dea4 100644 --- a/src/app/examples/grid-contextmenu.component.ts +++ b/src/app/examples/grid-contextmenu.component.ts @@ -97,6 +97,7 @@ export class GridContextMenuComponent implements OnInit, OnDestroy { columnDefinitions!: Column[]; gridOptions!: GridOption; dataset!: any[]; + hideSubTitle = false; selectedLanguage: string; constructor(private translate: TranslateService) { diff --git a/src/app/examples/grid-custom-pager.component.ts b/src/app/examples/grid-custom-pager.component.ts index a4a6e889..a42a2f8f 100644 --- a/src/app/examples/grid-custom-pager.component.ts +++ b/src/app/examples/grid-custom-pager.component.ts @@ -21,6 +21,7 @@ export class CustomPagerComponent implements BasePaginationComponent { protected _paginationService!: PaginationService; protected _pubSubService!: PubSubService; currentPagination = {} as PaginationMetadata; + hideSubTitle = false; constructor(protected readonly elm: ElementRef) {} diff --git a/src/app/examples/grid-custom-pagination.component.html b/src/app/examples/grid-custom-pagination.component.html index 814db3a0..b2ed8550 100644 --- a/src/app/examples/grid-custom-pagination.component.html +++ b/src/app/examples/grid-custom-pagination.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    You can create a Custom Pagination by passing an Angular Custom Component and it must implements BasePaginationComponent. Any of the pagination controls could be moved anywhere on the page (for example we purposely moved the page size away from the rest of the pagination elements). diff --git a/src/app/examples/grid-custom-pagination.component.ts b/src/app/examples/grid-custom-pagination.component.ts index 19e85298..9583161e 100644 --- a/src/app/examples/grid-custom-pagination.component.ts +++ b/src/app/examples/grid-custom-pagination.component.ts @@ -31,6 +31,7 @@ export class GridCustomPaginationComponent implements OnInit { dataset: any[] = []; paginationPosition: 'bottom' | 'top' = 'top'; angularGrid!: AngularGridInstance; + hideSubTitle = false; constructor(protected readonly angularUtilService: AngularUtilService) {} diff --git a/src/app/examples/grid-custom-tooltip.component.html b/src/app/examples/grid-custom-tooltip.component.html index 197d6d50..2e43b13a 100644 --- a/src/app/examples/grid-custom-tooltip.component.html +++ b/src/app/examples/grid-custom-tooltip.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-custom-tooltip.component.ts b/src/app/examples/grid-custom-tooltip.component.ts index 09b9a680..2e30dec5 100644 --- a/src/app/examples/grid-custom-tooltip.component.ts +++ b/src/app/examples/grid-custom-tooltip.component.ts @@ -41,6 +41,7 @@ export class GridCustomTooltipComponent implements OnInit { gridOptions!: GridOption; dataset!: any[]; serverApiDelay = 500; + hideSubTitle = false; ngOnInit(): void { this.initializeGrid(); diff --git a/src/app/examples/grid-drag-recycle.component.html b/src/app/examples/grid-drag-recycle.component.html index c04ef7ee..7615dbcd 100644 --- a/src/app/examples/grid-drag-recycle.component.html +++ b/src/app/examples/grid-drag-recycle.component.html @@ -10,15 +10,23 @@

    code +

    -
    +
    • Click to select, Ctrl-click to toggle selection(s).
    • Drag one or more rows by the handle icon (1st column) to reorder.
    • Drag one or more rows by selection (2nd or 3rd column) and drag to the recycle bin to delete.
    -
    +
    diff --git a/src/app/examples/grid-drag-recycle.component.ts b/src/app/examples/grid-drag-recycle.component.ts index e9fa4f83..0caf08c3 100644 --- a/src/app/examples/grid-drag-recycle.component.ts +++ b/src/app/examples/grid-drag-recycle.component.ts @@ -21,6 +21,7 @@ export class GridDragRecycleComponent implements OnInit { dragHelper?: HTMLElement; dragRows: number[] = []; dragMode = ''; + hideSubTitle = false; ngOnInit(): void { this.defineGrids(); diff --git a/src/app/examples/grid-draggrouping.component.html b/src/app/examples/grid-draggrouping.component.html index fe5fd6a8..b503cca2 100644 --- a/src/app/examples/grid-draggrouping.component.html +++ b/src/app/examples/grid-draggrouping.component.html @@ -1,10 +1,7 @@

    {{ title }} - + code + +

    -
    +
    diff --git a/src/app/examples/grid-draggrouping.component.ts b/src/app/examples/grid-draggrouping.component.ts index 02f9e726..b900ff46 100644 --- a/src/app/examples/grid-draggrouping.component.ts +++ b/src/app/examples/grid-draggrouping.component.ts @@ -48,6 +48,7 @@ export class GridDraggableGroupingComponent implements OnInit, OnDestroy { durationOrderByCount = false; gridObj: any; gridOptions!: GridOption; + hideSubTitle = false; processing = false; selectedGroupingFields: Array = ['', '', '']; excelExportService = new ExcelExportService(); diff --git a/src/app/examples/grid-editor.component.html b/src/app/examples/grid-editor.component.html index 64a20787..5ba0181c 100644 --- a/src/app/examples/grid-editor.component.html +++ b/src/app/examples/grid-editor.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-editor.component.ts b/src/app/examples/grid-editor.component.ts index a7f90373..12b2bb1f 100644 --- a/src/app/examples/grid-editor.component.ts +++ b/src/app/examples/grid-editor.component.ts @@ -90,6 +90,7 @@ export class GridEditorComponent implements OnInit { gridOptions!: GridOption; dataset!: any[]; gridObj: any; + hideSubTitle = false; isAutoEdit = true; alertWarning: any; updatedObject: any; diff --git a/src/app/examples/grid-excel-formula.component.html b/src/app/examples/grid-excel-formula.component.html index 974524b8..9ff11743 100644 --- a/src/app/examples/grid-excel-formula.component.html +++ b/src/app/examples/grid-excel-formula.component.html @@ -10,8 +10,17 @@

    code +

    -
    + +
    Grid with Excel Formulas (

    {{ title }} - code + +

    -
    +
    code +

    -
    +
    -
    +
    diff --git a/src/app/examples/grid-frozen.component.ts b/src/app/examples/grid-frozen.component.ts index 9a229c9a..a8c77060 100644 --- a/src/app/examples/grid-frozen.component.ts +++ b/src/app/examples/grid-frozen.component.ts @@ -35,6 +35,7 @@ export class GridFrozenComponent implements OnInit, OnDestroy { dataset!: any[]; frozenColumnCount = 2; frozenRowCount = 3; + hideSubTitle = false; isFrozenBottom = false; gridObj: any; slickEventHandler: any; diff --git a/src/app/examples/grid-graphql-nopage.component.html b/src/app/examples/grid-graphql-nopage.component.html index 3c59e418..cb4e9fb8 100644 --- a/src/app/examples/grid-graphql-nopage.component.html +++ b/src/app/examples/grid-graphql-nopage.component.html @@ -10,9 +10,17 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-graphql-nopage.component.ts b/src/app/examples/grid-graphql-nopage.component.ts index fb9d4d67..8be1ccf9 100644 --- a/src/app/examples/grid-graphql-nopage.component.ts +++ b/src/app/examples/grid-graphql-nopage.component.ts @@ -54,6 +54,7 @@ export class GridGraphqlWithoutPaginationComponent implements OnInit { columnDefinitions!: Column[]; gridOptions!: GridOption; dataset = []; + hideSubTitle = false; metrics!: Metrics; graphqlQuery = ''; diff --git a/src/app/examples/grid-graphql.component.html b/src/app/examples/grid-graphql.component.html index e4c4b98a..3d2e3407 100644 --- a/src/app/examples/grid-graphql.component.html +++ b/src/app/examples/grid-graphql.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-graphql.component.ts b/src/app/examples/grid-graphql.component.ts index 53864ff3..309716ad 100644 --- a/src/app/examples/grid-graphql.component.ts +++ b/src/app/examples/grid-graphql.component.ts @@ -51,6 +51,7 @@ export class GridGraphqlComponent implements OnInit, OnDestroy { columnDefinitions!: Column[]; gridOptions!: GridOption; dataset = []; + hideSubTitle = false; metrics!: Metrics; isWithCursor = false; diff --git a/src/app/examples/grid-grouping.component.html b/src/app/examples/grid-grouping.component.html index ec419796..42846646 100644 --- a/src/app/examples/grid-grouping.component.html +++ b/src/app/examples/grid-grouping.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-grouping.component.ts b/src/app/examples/grid-grouping.component.ts index 2d3990c3..b3c10fdb 100644 --- a/src/app/examples/grid-grouping.component.ts +++ b/src/app/examples/grid-grouping.component.ts @@ -38,6 +38,7 @@ export class GridGroupingComponent implements OnInit { dataset!: any[]; gridObj: any; dataviewObj: any; + hideSubTitle = false; processing = false; excelExportService = new ExcelExportService(); textExportService = new TextExportService(); diff --git a/src/app/examples/grid-header-footer.component.html b/src/app/examples/grid-header-footer.component.html index 1494e139..61a6bbd0 100644 --- a/src/app/examples/grid-header-footer.component.html +++ b/src/app/examples/grid-header-footer.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-header-footer.component.ts b/src/app/examples/grid-header-footer.component.ts index 9d877e67..1cfaee98 100644 --- a/src/app/examples/grid-header-footer.component.ts +++ b/src/app/examples/grid-header-footer.component.ts @@ -31,6 +31,7 @@ export class GridHeaderFooterComponent implements OnInit { columnDefinitions: Column[] = []; gridOptions!: GridOption; dataset!: any[]; + hideSubTitle = false; ngOnInit(): void { this.columnDefinitions = [ diff --git a/src/app/examples/grid-headerbutton.component.html b/src/app/examples/grid-headerbutton.component.html index 4a7fed8b..773d9b98 100644 --- a/src/app/examples/grid-headerbutton.component.html +++ b/src/app/examples/grid-headerbutton.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    Grid 1
    code + -
    +
    -
    +
    • Infinite scrolling allows the grid to lazy-load rows from the server when reaching the scroll bottom (end) position. In @@ -36,7 +44,7 @@
    -
    +
    diff --git a/src/app/examples/grid-infinite-graphql.component.ts b/src/app/examples/grid-infinite-graphql.component.ts index 8936cafa..c304b7dc 100644 --- a/src/app/examples/grid-infinite-graphql.component.ts +++ b/src/app/examples/grid-infinite-graphql.component.ts @@ -39,6 +39,7 @@ export class GridInfiniteGraphqlComponent implements OnInit, OnDestroy { metrics!: Partial; tagDataClass = ''; graphqlQuery = '...'; + hideSubTitle = false; processing = false; selectedLanguage: string; status = { text: 'processing...', class: 'alert alert-danger' }; diff --git a/src/app/examples/grid-infinite-json.component.html b/src/app/examples/grid-infinite-json.component.html index bdb2b2b2..dd30b638 100644 --- a/src/app/examples/grid-infinite-json.component.html +++ b/src/app/examples/grid-infinite-json.component.html @@ -10,9 +10,17 @@

    code +

    -
    +
    • Infinite scrolling allows the grid to lazy-load rows from the server when reaching the scroll bottom (end) position. In @@ -23,7 +31,7 @@
      because since we keep appending data, we always have to start from index zero (no offset).
    -
    +
    diff --git a/src/app/examples/grid-infinite-json.component.ts b/src/app/examples/grid-infinite-json.component.ts index f47479d8..d043bc3a 100644 --- a/src/app/examples/grid-infinite-json.component.ts +++ b/src/app/examples/grid-infinite-json.component.ts @@ -23,6 +23,7 @@ export class GridInfiniteJsonComponent implements OnInit { angularGrid!: AngularGridInstance; columnDefinitions!: Column[]; dataset: any[] = []; + hideSubTitle = false; gridOptions!: GridOption; metrics!: Partial; shouldResetOnSort = false; diff --git a/src/app/examples/grid-infinite-odata.component.html b/src/app/examples/grid-infinite-odata.component.html index 9467dc71..344ea1c0 100644 --- a/src/app/examples/grid-infinite-odata.component.html +++ b/src/app/examples/grid-infinite-odata.component.html @@ -10,9 +10,17 @@

    code +

    -
    +
    • Infinite scrolling allows the grid to lazy-load rows from the server when reaching the scroll bottom (end) position. In @@ -36,7 +44,7 @@
    -
    +
    diff --git a/src/app/examples/grid-infinite-odata.component.ts b/src/app/examples/grid-infinite-odata.component.ts index e9492f31..04b9024f 100644 --- a/src/app/examples/grid-infinite-odata.component.ts +++ b/src/app/examples/grid-infinite-odata.component.ts @@ -29,6 +29,7 @@ export class GridInfiniteOdataComponent implements OnInit { columnDefinitions!: Column[]; gridOptions!: GridOption; dataset: any[] = []; + hideSubTitle = false; isPageErrorTest = false; metrics!: Partial; tagDataClass = ''; diff --git a/src/app/examples/grid-localization.component.html b/src/app/examples/grid-localization.component.html index 571d1976..fa80c0a0 100644 --- a/src/app/examples/grid-localization.component.html +++ b/src/app/examples/grid-localization.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-localization.component.ts b/src/app/examples/grid-localization.component.ts index 53b7438c..7605bf73 100644 --- a/src/app/examples/grid-localization.component.ts +++ b/src/app/examples/grid-localization.component.ts @@ -64,6 +64,7 @@ export class GridLocalizationComponent implements OnInit, OnDestroy { columnDefinitions!: Column[]; gridOptions!: GridOption; dataset!: any[]; + hideSubTitle = false; selectedLanguage: string; duplicateTitleHeaderCount = 1; gridObj: any; diff --git a/src/app/examples/grid-menu.component.html b/src/app/examples/grid-menu.component.html index 6cc96721..ff088a48 100644 --- a/src/app/examples/grid-menu.component.html +++ b/src/app/examples/grid-menu.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    +
    -
    +
    diff --git a/src/app/examples/grid-odata.component.ts b/src/app/examples/grid-odata.component.ts index e2516177..94d6270f 100644 --- a/src/app/examples/grid-odata.component.ts +++ b/src/app/examples/grid-odata.component.ts @@ -47,6 +47,7 @@ export class GridOdataComponent implements OnInit { columnDefinitions!: Column[]; gridOptions!: GridOption; dataset = []; + hideSubTitle = false; metrics!: Metrics; paginationOptions!: Pagination; diff --git a/src/app/examples/grid-range.component.html b/src/app/examples/grid-range.component.html index 9b5e62fe..c92951f2 100644 --- a/src/app/examples/grid-range.component.html +++ b/src/app/examples/grid-range.component.html @@ -10,8 +10,16 @@

    code +

    -
    +

    diff --git a/src/app/examples/grid-range.component.ts b/src/app/examples/grid-range.component.ts index ba0f1545..7b96bc7c 100644 --- a/src/app/examples/grid-range.component.ts +++ b/src/app/examples/grid-range.component.ts @@ -63,6 +63,7 @@ export class GridRangeComponent implements OnInit, OnDestroy { columnDefinitions!: Column[]; gridOptions!: GridOption; dataset!: any[]; + hideSubTitle = false; selectedLanguage: string; metrics!: Metrics; filterList = [ diff --git a/src/app/examples/grid-resize-by-content.component.html b/src/app/examples/grid-resize-by-content.component.html index 691a69d2..7e31ca31 100644 --- a/src/app/examples/grid-resize-by-content.component.html +++ b/src/app/examples/grid-resize-by-content.component.html @@ -10,8 +10,16 @@

    code +

    -
    +

    Container Width (950px)

    diff --git a/src/app/examples/grid-resize-by-content.component.ts b/src/app/examples/grid-resize-by-content.component.ts index b7e265f7..755d8ef2 100644 --- a/src/app/examples/grid-resize-by-content.component.ts +++ b/src/app/examples/grid-resize-by-content.component.ts @@ -80,6 +80,7 @@ export class GridResizeByContentComponent implements OnInit { dataset: any[] = []; editQueue: any[] = []; editedItems: any = {}; + hideSubTitle = false; isUsingDefaultResize = false; isGridEditable = true; isMassSelectionDisabled = true; diff --git a/src/app/examples/grid-rowdetail.component.html b/src/app/examples/grid-rowdetail.component.html index a320a457..cabd6922 100644 --- a/src/app/examples/grid-rowdetail.component.html +++ b/src/app/examples/grid-rowdetail.component.html @@ -1,10 +1,6 @@

    {{ title }} - code + +

    -
    +
    diff --git a/src/app/examples/grid-rowdetail.component.ts b/src/app/examples/grid-rowdetail.component.ts index 3c35101d..3a4fbe52 100644 --- a/src/app/examples/grid-rowdetail.component.ts +++ b/src/app/examples/grid-rowdetail.component.ts @@ -35,6 +35,7 @@ export class GridRowDetailComponent implements OnDestroy, OnInit { gridOptions!: GridOption; dataset: any[] = []; detailViewRowCount = 9; + hideSubTitle = false; flashAlertType = 'info'; message = ''; serverWaitDelay = FAKE_SERVER_DELAY; diff --git a/src/app/examples/grid-rowmove.component.html b/src/app/examples/grid-rowmove.component.html index 19f2401a..2daa37c2 100644 --- a/src/app/examples/grid-rowmove.component.html +++ b/src/app/examples/grid-rowmove.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-rowmove.component.ts b/src/app/examples/grid-rowmove.component.ts index 6afe8d2a..91cb4241 100644 --- a/src/app/examples/grid-rowmove.component.ts +++ b/src/app/examples/grid-rowmove.component.ts @@ -35,6 +35,7 @@ export class GridRowMoveComponent implements OnInit { columnDefinitions!: Column[]; gridOptions!: GridOption; dataset!: any[]; + hideSubTitle = false; angularGridReady(angularGrid: AngularGridInstance) { this.angularGrid = angularGrid; diff --git a/src/app/examples/grid-rowselection.component.html b/src/app/examples/grid-rowselection.component.html index ca603a87..7892d133 100644 --- a/src/app/examples/grid-rowselection.component.html +++ b/src/app/examples/grid-rowselection.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    diff --git a/src/app/examples/grid-rowselection.component.ts b/src/app/examples/grid-rowselection.component.ts index b03f1f4a..a1a7c6f8 100644 --- a/src/app/examples/grid-rowselection.component.ts +++ b/src/app/examples/grid-rowselection.component.ts @@ -36,6 +36,7 @@ export class GridRowSelectionComponent implements OnInit { dataset2!: any[]; gridObj1!: any; gridObj2!: any; + hideSubTitle = false; isGrid2WithPagination = true; selectedTitles = ''; selectedTitle = ''; diff --git a/src/app/examples/grid-state.component.html b/src/app/examples/grid-state.component.html index 6758adc2..f2121b38 100644 --- a/src/app/examples/grid-state.component.html +++ b/src/app/examples/grid-state.component.html @@ -10,8 +10,16 @@

    code +

    -
    +
    -
    +
    diff --git a/src/app/examples/grid-tabs.component.ts b/src/app/examples/grid-tabs.component.ts index b51f9005..eab6e1c1 100644 --- a/src/app/examples/grid-tabs.component.ts +++ b/src/app/examples/grid-tabs.component.ts @@ -23,6 +23,7 @@ export class GridTabsComponent implements OnInit { gridOptions2!: GridOption; dataset1!: any[]; dataset2!: any[]; + hideSubTitle = false; constructor(private http: HttpClient) {} diff --git a/src/app/examples/grid-trading.component.html b/src/app/examples/grid-trading.component.html index ba81465c..d7b8d81a 100644 --- a/src/app/examples/grid-trading.component.html +++ b/src/app/examples/grid-trading.component.html @@ -1,10 +1,7 @@

    {{ title }} - + code + +

    -
    +
    diff --git a/src/app/examples/grid-trading.component.ts b/src/app/examples/grid-trading.component.ts index 4e54a698..63df5f23 100644 --- a/src/app/examples/grid-trading.component.ts +++ b/src/app/examples/grid-trading.component.ts @@ -92,6 +92,7 @@ export class GridTradingComponent implements OnDestroy, OnInit {
`; angularGrid!: AngularGridInstance; gridOptions!: GridOption; + hideSubTitle = false; columnDefinitions: Column[] = []; dataset: any[] = []; isFullScreen = false; diff --git a/src/app/examples/grid-tree-data-hierarchical.component.html b/src/app/examples/grid-tree-data-hierarchical.component.html index 501d6ba7..895a47f3 100644 --- a/src/app/examples/grid-tree-data-hierarchical.component.html +++ b/src/app/examples/grid-tree-data-hierarchical.component.html @@ -10,8 +10,16 @@

code +

-
+
diff --git a/src/app/examples/grid-tree-data-hierarchical.component.ts b/src/app/examples/grid-tree-data-hierarchical.component.ts index c2669cd2..b5323ef4 100644 --- a/src/app/examples/grid-tree-data-hierarchical.component.ts +++ b/src/app/examples/grid-tree-data-hierarchical.component.ts @@ -36,6 +36,7 @@ export class GridTreeDataHierarchicalComponent implements OnInit { gridOptions!: GridOption; columnDefinitions!: Column[]; datasetHierarchical: any[] = []; + hideSubTitle = false; isExcludingChildWhenFiltering = false; isAutoApproveParentItemWhenTreeColumnIsValid = true; isAutoRecalcTotalsOnFilterChange = false; diff --git a/src/app/examples/grid-tree-data-parent-child.component.html b/src/app/examples/grid-tree-data-parent-child.component.html index 353b43f3..6425ab35 100644 --- a/src/app/examples/grid-tree-data-parent-child.component.html +++ b/src/app/examples/grid-tree-data-parent-child.component.html @@ -10,8 +10,16 @@

code +

-
+
diff --git a/src/app/examples/grid-tree-data-parent-child.component.ts b/src/app/examples/grid-tree-data-parent-child.component.ts index 187cd9ec..cdde118c 100644 --- a/src/app/examples/grid-tree-data-parent-child.component.ts +++ b/src/app/examples/grid-tree-data-parent-child.component.ts @@ -39,6 +39,7 @@ export class GridTreeDataParentChildComponent implements OnInit { columnDefinitions!: Column[]; dataset!: any[]; loadingClass = ''; + hideSubTitle = false; isLargeDataset = false; hasNoExpandCollapseChanged = true; treeToggleItems: TreeToggledItem[] = []; diff --git a/src/app/examples/grid18.component.html b/src/app/examples/grid18.component.html index 46df1682..37b0569d 100644 --- a/src/app/examples/grid18.component.html +++ b/src/app/examples/grid18.component.html @@ -14,13 +14,13 @@

class="ms-2 btn btn-outline-secondary btn-sm btn-icon" type="button" data-test="toggle-subtitle" - (click)="toggleSubTitle()" + (click)="hideSubTitle = !hideSubTitle" >

-
+
Allow creating a grid dynamically by importing an external CSV or Excel file. This script demo will read the CSV file and will consider the first row as the column header and create the column definitions accordingly, while the next few rows will be considered the dataset. Note that this example is demoing a CSV file import but in your application you could easily implemnt diff --git a/src/app/examples/grid18.component.ts b/src/app/examples/grid18.component.ts index cedf2709..7258bac2 100644 --- a/src/app/examples/grid18.component.ts +++ b/src/app/examples/grid18.component.ts @@ -14,7 +14,7 @@ export class Grid18Component { gridOptions!: GridOption; dataset: any[] = []; gridCreated = false; - showSubTitle = true; + hideSubTitle = false; uploadFileRef = ''; templateUrl = `${sampleDataRoot}/users.csv`; @@ -99,10 +99,4 @@ export class Grid18Component { this.gridCreated = true; this.cd.detectChanges(); } - - toggleSubTitle() { - this.showSubTitle = !this.showSubTitle; - const action = this.showSubTitle ? 'remove' : 'add'; - document.querySelector('.subtitle')?.classList[action]('hidden'); - } } diff --git a/src/app/examples/grid43.component.html b/src/app/examples/grid43.component.html index 43a8c29e..c0825bd0 100644 --- a/src/app/examples/grid43.component.html +++ b/src/app/examples/grid43.component.html @@ -11,16 +11,16 @@

-
+

NOTES: rowspan is an opt-in feature, because of its small perf hit (it needs to loop through all row metadatas to map all rowspan), and requires the enableCellRowSpan grid option to be enabled to work properly. diff --git a/src/app/examples/grid43.component.ts b/src/app/examples/grid43.component.ts index 26462377..9235c85c 100644 --- a/src/app/examples/grid43.component.ts +++ b/src/app/examples/grid43.component.ts @@ -14,8 +14,8 @@ export class Grid43Component implements OnInit { gridOptions!: GridOption; dataset: any[] = []; isEditable = false; + hideSubTitle = false; showEmployeeId = true; - showSubTitle = true; metadata: ItemMetadata | Record = { // 10001: Davolio 0: { @@ -445,10 +445,4 @@ export class Grid43Component implements OnInit { this.angularGrid.slickGrid.remapAllColumnsRowSpan(); this.angularGrid.slickGrid.invalidate(); } - - toggleSubTitle() { - this.showSubTitle = !this.showSubTitle; - const action = this.showSubTitle ? 'remove' : 'add'; - document.querySelector('.subtitle')?.classList[action]('hidden'); - } } diff --git a/src/app/examples/grid44.component.html b/src/app/examples/grid44.component.html index 09847684..a4d3e954 100644 --- a/src/app/examples/grid44.component.html +++ b/src/app/examples/grid44.component.html @@ -14,13 +14,13 @@

class="ms-2 btn btn-outline-secondary btn-sm btn-icon" type="button" data-test="toggle-subtitle" - (click)="toggleSubTitle()" + (click)="hideSubTitle = !hideSubTitle" >

-
+

This page demonstrates colspan & rowspan using DataView with item metadata. Note: colspan & rowspan are rendered via row/cell indexes, any operations that could change these diff --git a/src/app/examples/grid44.component.ts b/src/app/examples/grid44.component.ts index acb2e177..b9a2c9c5 100644 --- a/src/app/examples/grid44.component.ts +++ b/src/app/examples/grid44.component.ts @@ -17,7 +17,7 @@ export class Grid44Component implements OnInit { angularGrid!: AngularGridInstance; dataLn: number | string = 'loading...'; dataset: any[] = []; - showSubTitle = true; + hideSubTitle = false; scrollToRow = 100; metadata: Record = { 0: { @@ -371,10 +371,4 @@ export class Grid44Component implements OnInit { this.angularGrid.slickGrid?.scrollRowToTop(this.scrollToRow); return false; } - - toggleSubTitle() { - this.showSubTitle = !this.showSubTitle; - const action = this.showSubTitle ? 'remove' : 'add'; - document.querySelector('.subtitle')?.classList[action]('hidden'); - } } diff --git a/src/app/examples/grid45.component.html b/src/app/examples/grid45.component.html index 693b4f79..75d24717 100644 --- a/src/app/examples/grid45.component.html +++ b/src/app/examples/grid45.component.html @@ -14,17 +14,17 @@

class="ms-2 btn btn-outline-secondary btn-sm btn-icon" type="button" data-test="toggle-subtitle" - (click)="toggleSubTitle()" + (click)="hideSubTitle = !hideSubTitle" > -

-
+
Add functionality to show extra information with a Row Detail View, (('#demo-container')!.dataset.bsTheme = 'light'; } } - - toggleSubTitle() { - this.showSubTitle = !this.showSubTitle; - const action = this.showSubTitle ? 'remove' : 'add'; - document.querySelector('.subtitle')?.classList[action]('hidden'); - this.angularGrid.resizerService?.resizeGrid(1); - } } diff --git a/src/app/examples/swt-common-grid-test.component.html b/src/app/examples/swt-common-grid-test.component.html index e5078952..cd5bac4e 100644 --- a/src/app/examples/swt-common-grid-test.component.html +++ b/src/app/examples/swt-common-grid-test.component.html @@ -11,7 +11,7 @@

-
+
diff --git a/src/app/examples/swt-common-grid-test.component.ts b/src/app/examples/swt-common-grid-test.component.ts index 656511f7..79305630 100644 --- a/src/app/examples/swt-common-grid-test.component.ts +++ b/src/app/examples/swt-common-grid-test.component.ts @@ -20,6 +20,7 @@ export class SwtCommonGridTestComponent implements OnInit, AfterViewInit { subTitle = `A simple component to show that it is possible to create a custom Backend Service for any other backend querying, the example below is for Oracle.`; testurl = 'http://127.0.0.1:8080/grid!display.do?'; currentUrl = this.testurl; + hideSubTitle = false; @ViewChild('commonGrid1', { static: true }) commonGrid!: SwtCommonGridComponent; @ViewChild('commonGridPag1', { static: true }) commonGridPag!: SwtCommonGridPaginationComponent; diff --git a/src/app/examples/swt-common-grid.component.ts b/src/app/examples/swt-common-grid.component.ts index 9811e07a..773a79f6 100644 --- a/src/app/examples/swt-common-grid.component.ts +++ b/src/app/examples/swt-common-grid.component.ts @@ -66,6 +66,7 @@ export class SwtCommonGridComponent implements OnInit, AfterViewInit, BackendSer dataset!: any[]; gridObj: any; dataviewObj: any; + hideSubTitle = false; isAutoEdit = false; updatedObject: any; isMultiSelect = true;