Zakończony

Style a table using CSS (provided) for on a Google Site (uses Google Apps Script & Awesome Tables)

Ten projekt został pomyślnie zakończony przez leon92a za €20 EUR w jeden dzień.

Otrzymaj darmowe wyceny do podobnego projektu
Pracodawca pracuje
Budżet Projektu
€8 - €30 EUR
Ukończony W
1 dzień
Ofert Razem
7
Opis Projektu

Hi Freelancers,

I need a table styling with CSS and can pay up to 25 EUR - I have included the CSS and details below...

I used Google Apps Script and "Awesome Tables" with Google Sheets to make a membership directory for a rugby club. The directory works well and now it just needs the tables styling nicely.

To the existing table i’d like to add a fixed header row at the top of the X axis (Column titles) and a fixed column on left of the Y axis (Player name).

These fixed rows will make it more readable when users scroll left, right up and down in the table - the table has about 25 columns and 500+ rows.

The end result should look and work like this CSS table tutorial for “Sticky Headers":

[url removed, login to view]

[url removed, login to view]

*Important*

We need to keep the same column headers used at the moment.

We need to keep the same filters used at the moment.

We need to keep the modal pop up feature when clicking on a player.

Attached:

- PDF showing this info again including 2 screenshots of how it looks currently:

1. Table view with filters - this is what needs improving.

2. Modal Pop up when row is clicked.

- zip of the CSS demos linked above.

Awesome Tables: [url removed, login to view]

Copy of the Google Sheet used by Awesome tables to create the directory including 20 rows of sample data, the HTML and CSS:

[url removed, login to view]

TL:DR - the job is to re-style the table created by HTML and CSS on the below "Template" tab so it has a sticky header and left column:

https://docs.google.com/spreadsheets/d/14BIyJsURqCXrhmwIsudrW1pqWKYcc3_OjM5yNqTkwB8/edit#gid=1749608007

Please let me know if you have any questions!

Chcesz zarobić trochę pieniędzy?

  • Napisz kwotę, za jaką jesteś w stanie podjąć się projektu i przedział czasowy, w którym będziesz w stanie go zrealizować
  • Opisz, w jaki sposób wykonasz projekt
  • Otrzymaj wynagrodzenie za pracę

Zatrudnij Freelancerów, którzy również składają oferty do tego projektu

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online