Выполнено

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

Этот проект был успешно выполнен leon92a за €20 EUR за день.

Получить бесплатно ценовые предложения для подобного проекта
Работодатель работает
Бюджет проекта
€8 - €30 EUR
Выполнено за
1 день
Всего заявок
7
Описание проекта

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!

Выполнено:
Требуемые навыки

Обзор соответствующих навыков

Похожие проекты

Другие вещи, которые люди делают на Freelancer

Похожие статьи

Новейшие статьи

Хотите заработать немного денег?

  • Укажите свой бюджет и срок
  • Опишите свое предложение
  • Получите оплату за свою работу

Нанять фрилансеров, которые также подали заявку в этот проект

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