Table building

User 257664 Photo


Registered User
23 posts

HI
I wondered whether anyone had any recommendations on table building for responsive design? I am putting tpgether a site and wanted to add the credentials of the client staff much like a CV and all so to list courses that the client offers. I wondered whether there was a nice effortless way to do it... ideally thinking of some software to click and go... Just being lazy I suppose...
User 187934 Photo


Senior Advisor
20,188 posts

How much data do you have? Are you retrieving it dynamically? If only a few columns are needed you can do it without html tables otherwise take a look at this.
https://css-tricks.com/responsive-data-tables/
There's also a lot of great examples here.
http://exisweb.net/responsive-table-plu … d-patterns
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 257664 Photo


Registered User
23 posts

The client has sent me a number of different tables outlining the courses he will run. Typical example is this:
Level 5 Awards Level 5 Certificates Level 5 Diplomas
L5 Award
An award is gained by completing one unit only.
If you have been away from studying for a while it can be a really good idea to start with just one or two units to see how you get on and get back into the swing of it.

A full list of the units offered by PAS is (click to page xxx)
Each unit can be followed by a range of options;
• A one day workshop followed by self-study to complete an assignment.
• Self- study, including a two hour tutorial and then completion of an assignment

L5 Certificate
A certificate is gained by achieving 13 QCF credits – which equates to two units studied.
(if you want you can select any 2 units from our list (as long as they add up to 13 points) (click to page XXX )
OR
We have prepared some exciting programmes combining key units

*Ethical Decision Making
(link to one below)

*Leadership skills
(link to one below)

*Leadership and Management Practice
(link to one below)

*Supervisory skills for Team leaders
(link to one below)
L5 Diploma in


Diploma in 21st Century Management
(link to one below)

Diploma in Managing and Leading

(link to one below)


The units we offer are (click to page below)
The units we offer are
(click to page below)
The units we offer are
(click to page below)

User 257664 Photo


Registered User
23 posts

Oops that didn't quite work. It is a 3 column table with the headers each being "Level5" something. But that is the simplest, not too bad I suppose but wanted to find something that would not fail on mobile devices.
I was browsing this
http://www.freshdesignweb.com/free-css-tables.html
But thought there muat be some piece of software to do it that bit quicker... lol
User 187934 Photo


Senior Advisor
20,188 posts

If you have the data in a database you can generate them dynamically.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 257664 Photo


Registered User
23 posts

Unfortunately not in a database. The company is in its early days and has only a few courses to offer but they may get there one day.
User 187934 Photo


Senior Advisor
20,188 posts

That small of a table should be fine on mobile devices as a regular html table.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 257664 Photo


Registered User
23 posts

Many thanks.
User 257664 Photo


Registered User
23 posts

FYI I've posted what I am working on at http://tinyurl.com/ollfkpo Just trying to sort out the column widths now....
User 187934 Photo


Senior Advisor
20,188 posts

Now I see you dilemma. You have a large amount of text in your cells. I would go away from tables then.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.