Skip to content

Instantly share code, notes, and snippets.

@thompsgr

thompsgr/index.html

Created January 27, 2021 19:31
Show Gist options
  • Save thompsgr/cda459159b0fbbd8217640c37ac64030 to your computer and use it in GitHub Desktop.
Save thompsgr/cda459159b0fbbd8217640c37ac64030 to your computer and use it in GitHub Desktop.
Download ZIP
Scrollable Sticky Table
Raw
index.html
<html>
<head>
<title>Test Table</title>
</head>
<body>
<header><h1>New Table</h1></header>
<main id="main">
<table class="grid">
<thead>
<tr><th>Id</th><th>IsDeleted</th><th>MasterRecordId</th><th>AccountId</th><th>LastName</th><th>FirstName</th><th>Salutation</th><th>Name</th><th>OtherStreet</th><th>OtherCity</th><th>OtherState</th><th>OtherPostalCode</th><th>OtherCountry</th><th class="wide">MailingStreet</th><th>MailingCity</th><th>MailingState</th><th>MailingPostalCode</th><th>MailingCountry</th><th>Phone</th><th>Fax</th><th>MobilePhone</th><th>HomePhone</th><th>OtherPhone</th><th>AssistantPhone</th><th>ReportsToId</th><th>Email</th><th>Title</th><th>Department</th><th>AssistantName</th><th>LeadSource</th><th>Birthdate</th><th>Description</th><th>OwnerId</th><th>CreatedDate</th><th>CreatedById</th><th>LastModifiedDate</th><th>LastModifiedById</th><th>SystemModstamp</th><th>LastActivityDate</th><th>Jigsaw</th><th>JigsawContactId</th><th>CleanStatus</th><th>IndividualId</th><th>Level__c</th><th>Languages__c</th><th>Referred_By__c</th></tr>
</thead>
<tbody>
<tr><td>0033t000034kKRFAA2</td><td>false</td><td></td><td>0013t00001YbRQQAA3</td><td>Gonzalez</td><td>Rose</td><td>Ms.</td><td>Rose Gonzalez</td><td></td><td></td><td></td><td></td><td></td><td>313 Constitution Place Austin, TX 78767 USA</td><td></td><td></td><td></td><td></td><td>(512) 757-6000</td><td>(512) 757-9000</td><td>(512) 757-9340</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>SVP, Procurement</td><td>Procurement</td><td></td><td>Trade Show</td><td>1968-07-13</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRGAA2</td><td>false</td><td></td><td>0013t00001YbRQQAA3</td><td>Forbes</td><td>Sean</td><td>Mr.</td><td>Sean Forbes</td><td></td><td></td><td></td><td></td><td></td><td>312 Constitution Place Austin, TX 78767 USA</td><td></td><td></td><td></td><td></td><td>(512) 757-6000</td><td>(512) 757-9000</td><td>(512) 757-4561</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>CFO</td><td>Finance</td><td></td><td>Trade Show</td><td>1947-04-11</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Secondary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRHAA2</td><td>false</td><td></td><td>0013t00001YbRQRAA3</td><td>Rogers</td><td>Jack</td><td>Mr.</td><td>Jack Rogers</td><td></td><td></td><td></td><td></td><td></td><td>525 S. Lexington Ave</td><td>Burlington</td><td>NC</td><td>27215</td><td>USA</td><td>(336) 222-7000</td><td>(336) 222-8000</td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>VP, Facilities</td><td></td><td></td><td>Web</td><td></td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t000034kKRJAA2</td><td>false</td><td></td><td>0013t00001YbRQTAA3</td><td>Young</td><td>Andy</td><td>Mr</td><td>Andy Young</td><td>1301 Hoch Drive</td><td>Lawrence</td><td>KS</td><td>66045</td><td>USA</td><td>1301 Hoch Drive</td><td>Lawrence</td><td>KS</td><td>66045</td><td>USA</td><td>(785) 241-6200</td><td></td><td>(785) 265-5350</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>SVP, Operations</td><td>Internal Operations</td><td></td><td>Purchased List</td><td></td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRKAA2</td><td>false</td><td></td><td>0013t00001YbRQUAA3</td><td>Barr</td><td>Tim</td><td>Mr.</td><td>Tim Barr</td><td></td><td></td><td></td><td></td><td></td><td>2335 N. Michigan Avenue, Suite 1500 Chicago, IL 60601, USA</td><td></td><td></td><td></td><td></td><td>(312) 596-1000</td><td>(312) 596-1500</td><td>(312) 596-1230</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>SVP, Administration and Finance</td><td>Finance</td><td></td><td>External Referral</td><td>1954-03-09</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Secondary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRLAA2</td><td>false</td><td></td><td>0013t00001YbRQUAA3</td><td>Bond</td><td>John</td><td>Mr.</td><td>John Bond</td><td></td><td></td><td></td><td></td><td></td><td>2334 N. Michigan Avenue, Suite 1500, Chicago, IL 60601, USA</td><td></td><td></td><td></td><td></td><td>(312) 596-1000</td><td>(312) 596-1500</td><td>(312) 596-1563</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>VP, Facilities</td><td>Facilities</td><td></td><td>External Referral</td><td>1956-05-20</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRMAA2</td><td>false</td><td></td><td>0013t00001YbRQVAA3</td><td>Pavlova</td><td>Stella</td><td>Ms.</td><td>Stella Pavlova</td><td></td><td></td><td></td><td></td><td></td><td>1303 Avenue of the Americas, New York, NY 10019 USA</td><td></td><td></td><td></td><td></td><td>(212) 842-5500</td><td>(212) 842-5501</td><td>(212) 842-5501</td><td></td><td>(212) 842-5543</td><td>(212) 842-5589</td><td></td><td>[email protected]</td><td>SVP, Production</td><td>Production</td><td>Audrey Haynes</td><td>Public Relations</td><td>1943-11-04</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Tertiary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRNAA2</td><td>false</td><td></td><td>0013t00001YbRQVAA3</td><td>Boyle</td><td>Lauren</td><td>Ms.</td><td>Lauren Boyle</td><td></td><td></td><td></td><td></td><td></td><td>1304 Avenue of the Americas, New York, NY 10019 USA</td><td></td><td></td><td></td><td></td><td>(212) 842-5500</td><td>(212) 842-5501</td><td>(212) 842-5611</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>SVP, Technology</td><td>Technology</td><td></td><td>Public Relations</td><td>1960-12-17</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Secondary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKROAA2</td><td>false</td><td></td><td>0013t00001YbRQWAA3</td><td>Levy</td><td>Babara</td><td>Ms.</td><td>Babara Levy</td><td></td><td></td><td></td><td></td><td></td><td>620 SW 5th Avenue Suite 400, Portland, Oregon 97204 United States</td><td></td><td></td><td></td><td></td><td>(503) 421-7800</td><td>(503) 421-7801</td><td>(503) 421-5451</td><td></td><td></td><td>(503) 421-6782</td><td></td><td>b.levy@expressl&t.net</td><td>SVP, Operations</td><td>Operations</td><td>Ron Sage</td><td>Word of mouth</td><td>1937-06-20</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRPAA2</td><td>false</td><td></td><td>0013t00001YbRQWAA3</td><td>Davis</td><td>Josh</td><td>Mr.</td><td>Josh Davis</td><td></td><td></td><td></td><td></td><td></td><td>621 SW 5th Avenue Suite 400, Portland, Oregon 97204 United States</td><td></td><td></td><td></td><td></td><td>(503) 421-7800</td><td>(503) 421-7801</td><td>(503) 421-4387</td><td></td><td></td><td></td><td></td><td>j.davis@expressl&t.net</td><td>Director, Warehouse Mgmt</td><td>Warehouse Mgmt</td><td></td><td>Word of mouth</td><td>1948-10-14</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Secondary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRQAA2</td><td>false</td><td></td><td>0013t00001YbRQXAA3</td><td>Grey</td><td>Jane</td><td>Ms.</td><td>Jane Grey</td><td></td><td></td><td></td><td></td><td></td><td>888 N Euclid Hallis Center, Room 501, Tucson, AZ 85721 United States</td><td></td><td></td><td></td><td></td><td>(520) 773-9050</td><td>(520) 773-9060</td><td>(520) 773-4539</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>Dean of Administration</td><td>Administration</td><td></td><td>Word of mouth</td><td>1944-08-31</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRRAA2</td><td>false</td><td></td><td>0013t00001YbRQVAA3</td><td>Song</td><td>Arthur</td><td>Mr.</td><td>Arthur Song</td><td></td><td></td><td></td><td></td><td></td><td>1301 Avenue of the Americas New York, NY 10019 USA</td><td></td><td></td><td></td><td></td><td>(212) 842-5500</td><td>(212) 842-5501</td><td>(212) 842-4535</td><td></td><td></td><td>(212) 842-5464</td><td></td><td>[email protected]</td><td>CEO</td><td>Executive Team</td><td>Pat Feinstein</td><td>Public Relations</td><td>1952-03-01</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Secondary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRSAA2</td><td>false</td><td></td><td>0013t00001YbRQYAA3</td><td>James</td><td>Ashley</td><td>Ms.</td><td>Ashley James</td><td></td><td></td><td></td><td></td><td></td><td>Kings Park, 17th Avenue, Team Valley Trading Estate, Gateshead, Tyne and Wear NE26 3HS United Kingdom</td><td></td><td></td><td></td><td></td><td>+44 191 4956203</td><td>+44 191 4956620</td><td>+44 191 3456234</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>VP, Finance</td><td>Finance</td><td></td><td>Public Relations</td><td>1946-11-09</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRTAA2</td><td>false</td><td></td><td>0013t00001YbRQZAA3</td><td>Ripley</td><td>Tom</td><td>Mr.</td><td>Tom Ripley</td><td></td><td></td><td></td><td></td><td></td><td>9 Tagore Lane Singapore, Singapore 787472 Singapore</td><td></td><td></td><td></td><td></td><td>(650) 450-8810</td><td>(650) 450-8820</td><td>(650) 345-7636</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>Regional General Manager</td><td>Executive Team</td><td></td><td>Public Relations</td><td>1951-01-06</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRUAA2</td><td>false</td><td></td><td>0013t00001YbRQZAA3</td><td>D&#39;Cruz</td><td>Liz</td><td>Ms.</td><td>Liz D&#39;Cruz</td><td></td><td></td><td></td><td></td><td></td><td>10 Tagore Lane Singapore, Singapore 787472 Singapore</td><td></td><td></td><td></td><td></td><td>(650) 450-8810</td><td>(650) 450-8820</td><td>(650) 345-6637</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>VP, Production</td><td>Production</td><td></td><td>Public Relations</td><td>1962-04-18</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Secondary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRVAA2</td><td>false</td><td></td><td>0013t00001YbRQaAAN</td><td>Frank</td><td>Edna</td><td>Ms.</td><td>Edna Frank</td><td></td><td></td><td></td><td></td><td></td><td>345 Shoreline Park Mountain View, CA 94043 USA</td><td></td><td></td><td></td><td></td><td>(650) 867-3450</td><td>(650) 867-9895</td><td>(650) 867-7686</td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>VP, Technology</td><td>Technology</td><td></td><td>Partner</td><td>1942-09-23</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t000034kKRWAA2</td><td>false</td><td></td><td>0013t00001YbRQVAA3</td><td>Green</td><td>Avi</td><td>Mr.</td><td>Avi Green</td><td></td><td></td><td></td><td></td><td></td><td>1302 Avenue of the Americas New York, NY 10019 USA</td><td></td><td></td><td></td><td></td><td>(212) 842-5500</td><td>(212) 842-5501</td><td>(212) 842-2383</td><td></td><td></td><td>(212) 842-5428</td><td></td><td>[email protected]</td><td>CFO</td><td>Finance</td><td>Chris Nobel</td><td>Public Relations</td><td>1934-02-10</td><td></td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td>0053t000007w741AAA</td><td>2020-07-31T16:14:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td>Primary</td><td>English</td><td></td></tr>
<tr><td>0033t00003ALXqHAAX</td><td>false</td><td></td><td>0013t00001jdlQlAAI</td><td>Gewirtz</td><td>Eric</td><td>Mr.</td><td>Eric Gewirtz</td><td></td><td></td><td></td><td></td><td></td><td>162 Turk Hill Rd</td><td>Brewster</td><td>NY</td><td>10508</td><td>USA</td><td>8457297800</td><td></td><td>8457297800</td><td>8452792623</td><td>8452792623</td><td></td><td></td><td>[email protected]</td><td>Principal</td><td></td><td></td><td>Purchased List</td><td>1958-05-12</td><td>Making changes on a lot of information.</td><td>0053t000007w741AAA</td><td>2020-11-09T20:10:42.000Z</td><td>0053t000007w741AAA</td><td>2021-01-15T21:10:37.000Z</td><td>0053t000007w741AAA</td><td>2021-01-15T21:10:37.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t00003ALmTeAAL</td><td>false</td><td></td><td></td><td>Biden</td><td>Joseph</td><td>Mr.</td><td>Joseph Biden</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>President</td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2020-11-12T15:18:23.000Z</td><td>0053t000007w741AAA</td><td>2021-01-15T00:13:11.000Z</td><td>0053t000007w741AAA</td><td>2021-01-15T00:13:11.000Z</td><td>2020-11-12</td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t00003Cr8tRAAR</td><td>false</td><td></td><td></td><td>Harris</td><td>Kamala</td><td>Ms.</td><td>Kamala Harris</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>Vice President</td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2020-11-13T23:15:41.000Z</td><td>0053t000007w741AAA</td><td>2021-01-15T00:12:49.000Z</td><td>0053t000007w741AAA</td><td>2021-01-15T00:12:49.000Z</td><td>2020-11-13</td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t00003Cu0crAAB</td><td>false</td><td></td><td>0013t00001mNXhDAAW</td><td>Rosario</td><td>Manuel</td><td>Mr.</td><td>Manuel Rosario</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td></td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2020-12-11T21:42:35.000Z</td><td>0053t000007w741AAA</td><td>2020-12-11T21:42:35.000Z</td><td>0053t000007w741AAA</td><td>2020-12-11T21:42:35.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t00003Cu3cMAAR</td><td>false</td><td></td><td>0013t00001mNXhDAAW</td><td>Kazin</td><td>Alan</td><td></td><td>Alan Kazin</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td></td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2020-12-12T20:47:24.000Z</td><td>0053t000007w741AAA</td><td>2020-12-12T20:47:24.000Z</td><td>0053t000007w741AAA</td><td>2020-12-12T20:47:24.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t00003Cu3fzAAB</td><td>false</td><td></td><td></td><td>Thompson</td><td>Perri</td><td></td><td>Perri Thompson</td><td></td><td></td><td></td><td></td><td></td><td>4280 Oakview Lane N</td><td>Plymouth</td><td>MN</td><td>55442</td><td>USA</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>Kid</td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2020-12-12T21:30:54.000Z</td><td>0053t000007w741AAA</td><td>2021-01-05T23:37:22.000Z</td><td>0053t000007w741AAA</td><td>2021-01-12T17:10:53.000Z</td><td>2021-01-12</td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td>Family Member</td></tr>
<tr><td>0033t00003G0f5EAAR</td><td>false</td><td></td><td>0013t00001oCxGVAA0</td><td>Guido</td><td>Joe</td><td></td><td>Joe Guido</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td></td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2020-12-30T01:36:15.000Z</td><td>0053t000007w741AAA</td><td>2020-12-30T01:36:15.000Z</td><td>0053t000007w741AAA</td><td>2020-12-30T01:36:15.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t00003G0pwvAAB</td><td>false</td><td></td><td>0013t00001oCxGVAA0</td><td>Flasz</td><td>Jerry</td><td>Mr.</td><td>Jerry Flasz</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td></td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2021-01-04T03:31:44.000Z</td><td>0053t000007w741AAA</td><td>2021-01-04T03:31:44.000Z</td><td>0053t000007w741AAA</td><td>2021-01-04T03:31:44.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t00003G0px5AAB</td><td>false</td><td></td><td>0013t00001oF9s7AAC</td><td>Flinstone</td><td>Fred</td><td></td><td>Fred Flinstone</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>987-555-1212</td><td></td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td>President</td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2021-01-04T03:36:55.000Z</td><td>0053t000007w741AAA</td><td>2021-01-04T03:36:55.000Z</td><td>0053t000007w741AAA</td><td>2021-01-04T03:37:28.000Z</td><td>2021-01-04</td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
<tr><td>0033t00003G1WZwAAN</td><td>false</td><td></td><td>0013t00001oF9s7AAC</td><td>Flinstone</td><td>Wilma</td><td>Ms.</td><td>Wilma Flinstone</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>CEO</td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2021-01-05T23:39:00.000Z</td><td>0053t000007w741AAA</td><td>2021-01-05T23:39:00.000Z</td><td>0053t000007w741AAA</td><td>2021-01-05T23:39:00.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td>Family Member</td></tr>
<tr><td>0033t00003IgdcmAAB</td><td>false</td><td></td><td>0013t00001oF9s7AAC</td><td>Rubble</td><td>Barney</td><td>Mr.</td><td>Barney Rubble</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>555-987-1237</td><td></td><td></td><td></td><td></td><td></td><td></td><td>[email protected]</td><td></td><td></td><td></td><td></td><td></td><td></td><td>0053t000007w741AAA</td><td>2021-01-14T23:54:29.000Z</td><td>0053t000007w741AAA</td><td>2021-01-14T23:54:29.000Z</td><td>0053t000007w741AAA</td><td>2021-01-14T23:54:29.000Z</td><td></td><td></td><td></td><td>Pending</td><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>
</main>
<footer>
<h2>Copyright &copy; 2021 Avaion, Inc. All rights reserved.
</footer>
</body>
</html>
Raw
script.js
document.getElementById("main").addEventListener("scroll", function(){
var translate = "translate(0,"+this.scrollTop+"px)";
this.querySelector("thead").style.transform = translate;
});
Raw
style.css
* {
margin: 0;
padding: 0;
}
html {
font-family: Tahoma;
background: red;
}
header, footer {
text-align: center;
}
header {
background: green;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 75px;
}
footer {
background: green;
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 75px;
}
main {
background: white;
position: fixed;
top: 75px;
bottom: 75px;
left: 0;
right: 0;
overflow: auto;
}
table {
border-collapse: separate;
border-spacing: 0px;
}
th {
font-weight: 500;
color: white;
background: black;
}
th, td {
padding: 8px;
}
.wide {
min-width: 250px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment