[GitHub] [airflow] bbovenzi opened a new pull request #15805: Updated table component

[GitBox]

bbovenzi opened a new pull request #15805:
URL: https://github.com/apache/airflow/pull/15805


   Custom table component to use across the new UI when a table is needed. It 
uses [react-table](https://react-table.tanstack.com/) for handling table logic 
(pagination, sorting, rendering) and chakra components for styling.
   
   To use the table component you need to specify `data` and `columns`. Both 
need to be memo-ized for performance.
   
   Data can be raw numbers, strings, boolean values or can accept a react 
component.
   Options for columns can be found 
[here](https://react-table.tanstack.com/docs/api/useTable#column-options)
   
   Client-side sorting and pagination work without any config, but server-side 
will require extra props to be sent to the `<Table />` component
   
   Also included is an improved loading state with placeholder rows instead of 
simple "Loading..." text:
   
   <img width="919" alt="Screen Shot 2021-05-12 at 2 46 01 PM" 
src="https://user-images.githubusercontent.com/4600967/118028439-b021c900-b328-11eb-91f5-937d63705ccc.png";>
   
   
   ---
   **^ Add meaningful description above**
   
   Read the **[Pull Request 
Guidelines](https://github.com/apache/airflow/blob/master/CONTRIBUTING.rst#pull-request-guidelines)**
 for more information.
   In case of fundamental code change, Airflow Improvement Proposal 
([AIP](https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+Improvements+Proposals))
 is needed.
   In case of a new dependency, check compliance with the [ASF 3rd Party 
License Policy](https://www.apache.org/legal/resolved.html#category-x).
   In case of backwards incompatible changes please leave a note in 
[UPDATING.md](https://github.com/apache/airflow/blob/master/UPDATING.md).
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org