Tables

What is a table you ask? An organized list of data.
Sometimes there’s only a couple columns, other times hundreds.

Latitude has you covered with a few different types of tables, from simple to complex.

- Need to display rows of data? Use a table
- Keep rows spacious and easy to parse
- Besides text, an icon, link or button can go in a table cell. Just don’t go overboard
- A row should always be hoverable, even if it isn’t selectable
- Use checkboxes to indicate multi-select
- When text gets cutoff show a tooltip on hover
- Ideally keep things left aligned, since it’s easier to scan, but they can be right aligned too
- Rows can be one line… or many

- Checkout the guidelines doc guidelines.sketch

Transit Information

Carrier

Lufthansa Cargo AG

Mode

Air

Port to Port

5 - 7 Days

Rate Expiration

Nov 8, 2018

Transit Information - multi

Carrier

Lufthansa Cargo AG

Maersk

Mode

Air

Ocean

Port to Port

5 - 7 Days

31 - 38 Days

Rate Expiration

Nov 8, 2018

Nov 14, 2018

Transit Information

Carrier

Lufthansa Cargo AG

Mode

Air

Port to Port

5 - 7 Days

Rate Expiration

Nov 8, 2018

Transit Information

Carrier	Mode	Port to Port	Rate Expiration
Lufthansa Cargo AG	Air	5 - 7 Days	Nov 8, 2018
Maersk	Ocean	31 - 38 Days	Nov 14, 2018

Expandable Rows

	Name	Freight	From	To	Weight	Volume	Status	Action
	Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
	HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote

Sticky Column

	Name	Freight	From	To	Weight	Volume	Status	Action
	Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
	HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote

Card Table - Non-White background

	Name	Freight	From	To	Weight	Volume	Status
	Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
	HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote

Partial Card Table 2 - Grey 10 background

	Name	Freight	From	To	Weight	Volume	Status
	Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
	HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote

Upload CSV

Download CSV

Manage Line Items

Search

Sync Status

Filters

Add Filter

Filter Alpha

Filter Beta

Filter Gamma

Filter Delta

Filter Epsilon

1 - 20 of 332

Results Per

Delete

Unselect All

There are currently no bookings.

Add a booking to get started. Hit the button below and fill away.

Add Booking

Name	Freight	From	To	Weight	Volume	Status	Action
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote
Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote

1 - 20 of 332

of 17

There are currently no bookings.

Add a booking to get started. Hit the button below and fill away.

Add Booking

Hold on while your table is being fetched.

	Name	Freight	From	To	Weight	Volume	Status
	Rotra Air & Ocean BV FLEX-430474	Air	Foxconn - IPCD - Shenzhen Factory Shenzhen, China	Performance Team (Redlands) Redlands, United States	100.00 kg	0.100 cbm	Quote Requested	View Request
	HANWEN Ring Solar Sign FLEX-412286	Ocean	Sino Shenzen Logistics CO., LTD PVG - Shanghai - China	Ring Inc. Santa Monica, United States	3,475.00 kg	17.000 cbm	Accepted	View Quote

Typography

Type	Size	Weight	Line Height	Color	Case	Usage
Display	36 px	Light (300)	48 px	Grey 60	Camel	Marketing & Callouts
Page Title	24 px	Regular (400)	36 px	Grey 60	Camel	Page Title, duh
Subtitle	18 px	Bold (700)	28 px	Grey 60	Camel	Section Heading
Subtitle 2	14 px	Bold (700)	20 px	Grey 60	Both??	Sub-Section Headings
Subheading	11 px	Medium (500)	20 px	Grey 50	All Caps	Table Headings & Grid Labels
Standard Text	14 px	Regular (400)	20 px	Grey 60	Sentence	Body Copy
Secondary Text	14 px	Regular (400)	20 px	Grey 50	Sentence	Less important text
Input Label	13 px	Regular (400)	20 px	Grey 50	Both	All input fields need one
Hyperlink	14 px	Regular (400)	20 px	Blue 30 / Grey 50	Both	All input fields need one
Disabled Text	14 px	Regular (400)	20 px	Grey 40	Both	When something is disabled
Emphasized	14 / 18 px	Semi-Bold (600)	20 / 28 px	Grey 60	Both	To Emphasize text in a paragraph
Italics	14 / 18 px	Italic (400)	20 / 28 px	Grey 60 / Grey 50 / Grey 40	Both	Placeholder text and optional things

Tables

Transit Information

Transit Information - multi

Transit Information

Transit Information

Expandable Rows

Sticky Column

Card Table - Non-White background

Partial Card Table 2 - Grey 10 background

There are currently no bookings.

There are currently no bookings.

Typography

Display

Page Title

Subtitle

Subtitle 2

Subheading