UIK Table Widget – Default Table

Table appearance when no styles have been added.

You can use Tablepress tables with the Elementor UIK Table widget for an easy way to implement simple tables. For more complex tables, use the Elementor HTML widget. For accessibility purposes all tables added using the Elementor HTML widget should be semantic and marked up with the appropriate th and summary tags.

Meeting & LocationDate & Transit InfoAgenda
San Gabriel Valley Service Council Meeting
Metro El Monte Division 9 Building
3449 Santa Anita Ave
Third Floor Service Council Room
El Monte
Monday, September 10, 2018
5 p.m.
San Gabriel Valley Service Council Meeting Agenda in HTML format
San Gabriel Valley Service Council Meeting Agenda in PDF format
San Gabriel Valley Service Council Meeting Agenda in Google Doc format

UIK Table Widget – Simple Table

Adds border and rows will highlight on hover.

Meeting & LocationDate & Transit InfoAgenda
San Gabriel Valley Service Council Meeting
Metro El Monte Division 9 Building
3449 Santa Anita Ave
Third Floor Service Council Room
El Monte
Monday, September 10, 2018
5 p.m.
San Gabriel Valley Service Council Meeting Agenda in HTML format
San Gabriel Valley Service Council Meeting Agenda in PDF format
San Gabriel Valley Service Council Meeting Agenda in Google Doc format

UIK Table Widget – Striped Table

Adds border and rows will highlight on hover and alternate in color.

Table is not responsive by default.

NamePhone
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056

UIK Table Widget – Responsive Wrap Table

On tablet and mobile views, the table cells (td) will stack.

NamePhone
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056

UIK Table Widget – Responsive Overflow Table

On tablet and mobile views, the user can scroll right to view the table. This style does not stack the table cells.

NamePhonePhonePhonePhone
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056626.570.5056626.570.5056626.570.5056
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056626.570.5056626.570.5056626.570.5056
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056626.570.5056626.570.5056626.570.5056

WP Shortcode Widget – Default Table

Table appearance when no styles have been added.

Tables are not responsive by default.

You can use Tablepress tables with the Elementor Shortcode widget for an easy way to generate simple tables. For more complex tables, use the HTML widget. For accessibility purposes all tables added using the Elementor HTML widget should be semantic and marked up with the appropriate th and summary tags.

Meeting & LocationDate & Transit InfoAgenda
San Gabriel Valley Service Council Meeting
Metro El Monte Division 9 Building
3449 Santa Anita Ave
Third Floor Service Council Room
El Monte
Monday, September 10, 2018
5 p.m.
San Gabriel Valley Service Council Meeting Agenda in HTML format
San Gabriel Valley Service Council Meeting Agenda in PDF format
San Gabriel Valley Service Council Meeting Agenda in Google Doc format

WP Shortcode Widget – Simple Table

Table appearance when class table–border has been added to the table under Table Options > Extra CSS Classes.

Rows will highlight on hover if you also choose Row Hover Highlighting.

Table is not responsive by default.

Meeting & LocationDate & Transit InfoAgenda
San Gabriel Valley Service Council Meeting
Metro El Monte Division 9 Building
3449 Santa Anita Ave
Third Floor Service Council Room
El Monte
Monday, September 10, 2018
5 p.m.
San Gabriel Valley Service Council Meeting Agenda in HTML format
San Gabriel Valley Service Council Meeting Agenda in PDF format
San Gabriel Valley Service Council Meeting Agenda in Google Doc format

WP Shortcode Widget – Striped Table

Table appearance when class table–border has been added to the table under Table Options > Extra CSS Classes.

Rows will alternate in color if you choose Alternating Row Colors.

Rows will highlight on hover if you also choose Row Hover Highlighting.

Table is not responsive by default.

NamePhone
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056
Alhambra Joslyn Adult Center
210 N. Chapel Av
Alhambra, CA 91801
626.570.5056

WP Shortcode Widget – Responsive Wrap Table

Table appearance when class table–border has been added to the table under Table Options > Extra CSS Classes.

Rows will alternate in color if you choose Alternating Row Colors.

Rows will highlight on hover if you also choose Row Hover Highlighting.

Below demonstrates table functionality when class table–responsive has been added to the table under Table Options > Extra CSS Classes. With this class added, on table and mobile views, the table cells (td) will stack.

TypeFare
Metro Month Pass + zone 1 includes Silver and Express Bus Lines$122

WP Shortcode Widget – Responsive Overflow Table

Rows will alternate in color if you choose Alternating Row Colors.

Below demonstrates table functionality when class table–overflow has been added to the table’s Elementor widget under Advanced > CSS Classes. (This one is different because the containing object needs to know to overflow the table.) With this class added, on tablet and mobile views, the user can scroll right to view the table. This style does not stack the table cells.

Note: because this table’s layout is so complex, it has been added using the Elementor HTML widget instead of a Tablepress shortcode.

Metro Fares
As of 9/15/14
Regular Senior 62+/
Disabled/
Medicare
College/
Vocational
Student K-12
Cash (Bus Only)
1-Ride Base Fare
No transfers included.

Additional charges apply to ride:
• Metro Silver Line
• Metro Express Buses
$1.75 75¢
Peak

35¢
Off-Peak
$1.75 $1
On TAP
1-Way Trip
Includes transfers to other Metro lines for up to two hours to complete a one-way trip.

Additional charges apply to ride:
• Metro Silver Line
• Metro Express Buses
$1.75 75¢
Peak


35¢
Off-Peak
$1.75 $1
1-Day Pass
Valid for 1 day on first tap. Expires at 3am on the following day after first use.

Includes:
• All Metro services
$7 $2.50
7-Day Pass
Valid for 7 consecutive days from the first tap. Expires at 3am on the day following expiration.

Additional charges apply to ride:
• Metro Silver Line
• Metro Express Buses
$25
30-Day Pass
Valid for 30 consecutive days from the first tap. Expires at 3am on the day following expiration.

Additional charges apply to ride:
• Metro Silver Line
• Metro Express Buses
$100 $20 $43 $24
30-Day + Zone 1 Pass
Ride Metro for 30 consecutive days from the first tap.

Includes:
• All Metro services
$122
Metro-to-Muni Transfer
Transfer to a non-Metro bus within 2.5 hours.
Must be purchased with Stored Value loaded on a TAP card. You must have a TAP card to transfer between agencies.
50¢ 25¢ 50¢ 50¢
Other Products
Stored Value
• Good on Metro and other TAP participating transit agencies.
$1.75-$60 35¢-$60 $1.75-$60 $1-$60

How To

Code in the Content tab is where you enter the tablepress shortcode.

Display Style is how you’d like the table to be displayed. You can see some examples above.

Responsive Style is how you’d like the table to react to different screen sizes.