Table - Keep React

A Table Component is a fundamental user interface element used to present data in a structured and organized format. Tables consist of rows and columns, with each row representing a data entry and each column representing a specific attribute or field. Tables are commonly used to display tabular data, such as lists, grids, or datasets, making information easier to comprehend and compare.

Table of Contents#

Default Table#

File Name
File Format
Aspect Ratio
Resolution
File Size
Status
Landscape-Beach.png
Png16:91920x108043 KBIn Progress
Portrait-Sunset.jpg
Jpg4:31024x768128 KBComplete
Cityscape-Night.png
Png16:93840x2160210 KBPending
Animation-Loading.gif
Gif1:1800x80076 KBIn Progress
Mountain-Peak.jpg
Jpg16:92560x1440312 KBComplete

Product Table#

Total Product

500 Product
Product Name
Price
Category
Rating
Stock
Fjallraven - Foldsack No. 1 Backpack, Fits 15 Laptops109.95men's clothing3.9120
Mens Casual Premium Slim Fit T-Shirts 22.3men's clothing4.1259
Mens Cotton Jacket55.99men's clothing4.7500
Mens Casual Slim Fit15.99men's clothing2.1430
Solid Gold Petite Micropave 168jewelery3.970

Orders Table#

Total Orders

200 Orders

Type

Date

Country

Status

Quant.

Total Price

Location

DL-19266755

Feb 28, 2024

10:00 am

flag
Delivered
100$21,000New York, USA
DL-19266756

Mar 1, 2024

11:00 am

flag
In Transit
200$42,000Los Angeles, USA
DL-19266757

Mar 2, 2024

12:00 pm

flag
Pending
150$31,500Chicago, USA
DL-19266758

Mar 3, 2024

1:00 pm

flag
Delivered
300$63,000Houston, USA
DL-19266759

Mar 4, 2024

2:00 pm

flag
In Transit
250$52,500Phoenix, USA

Teams Table#

Team Members

200 Member
Members
StatusRoleEmailTeamPerformance
avatar

Robert Fox

Software Engineer

Active
Managerrobert@staticmania.com
Product
Marketing
+3
performance
avatar

Jane Doe

UI/UX Designer

Inactive
Designerjane@staticmania.com
Design
Development
+2
performance
avatar

John Smith

Backend Developer

Active
CTOjohn@staticmania.com
Development
Operations
+4
performance
avatar

Alice Johnson

Project Manager

Inactive
Manageralice@staticmania.com
Project Management
HR
+1
performance
avatar

Michael Brown

Data Scientist

Active
Data Analystmichael@staticmania.com
Data Science
Marketing
+2
performance