Skip to content

Conversation

anandtiwary
Copy link
Contributor

  • Load Async is built to show loaders for content rendered inside it.
    We are using it in table as a placeholder where the loader wrapper
    stays after the cdk table has loaded all data. This creates lots of
    layout issues especially when using with flex container

  • Introducing a new hide property in table loading state to remove the
    loader wrapper once loading is completed. In case of error or no data,
    the loader will automatically take the entire space.

  • removing host properties as it interferes with flex properties for parent container

  • adding flex grow to explorer table

- Load Async is built to show loaders for content rendered inside it.
  We are using it in table as a placeholder where the loader wrapper
  stays after the cdk table has loaded all data. This creates lots of
  layout issues especially when using with flex container

- Introducing a new hide property in table loading state to remove the
  loader wrapper once loading is completed. In case of error or no data,
  the loader will automatically take the entire space.

- removing host properties as it interferes with flex properties for parent container

- adding flex grow to explorer table
@anandtiwary anandtiwary requested a review from a team as a code owner October 30, 2020 01:55
@codecov
Copy link

codecov bot commented Oct 30, 2020

Codecov Report

Merging #309 into main will not change coverage.
The diff coverage is 80.00%.

Impacted file tree graph

@@           Coverage Diff           @@
##             main     #309   +/-   ##
=======================================
  Coverage   86.14%   86.14%           
=======================================
  Files         716      716           
  Lines       14598    14598           
  Branches     1814     1863   +49     
=======================================
  Hits        12575    12575           
- Misses       1991     1993    +2     
+ Partials       32       30    -2     
Impacted Files Coverage Δ
projects/components/src/table/table.component.ts 90.97% <ø> (ø)
...components/src/table/data/table-cdk-data-source.ts 83.07% <80.00%> (ø)
...pover/position-strategy/mouse-position-strategy.ts 9.67% <0.00%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 575e6ac...d263eef. Read the comment docs.

import { TableColumnConfigExtended, TableService } from './table.service';

// tslint:disable max-file-line-count
// tslint:disable: template-cyclomatic-complexity component-max-inline-declarations max-file-line-count
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

😨

@anandtiwary anandtiwary merged commit 568ed53 into main Nov 2, 2020
@anandtiwary anandtiwary deleted the table-scroll-fix branch November 2, 2020 03:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants