Table design - Post ID 257491

User 294282 Photo


Registered User
25 posts

I can't seem to figure out how to add borders to cells in my tables. I have a need to not only have a border around the table, but I also need to add borders to the cells as well. Any help will be appreciated...
User 232214 Photo


COO
827 posts

I would not use a table in a responsive design if you can help it...

Tables are very difficult to deal with in a responsive design, making them look good on small screen is a real nightmare. Using rows and columns (with borders) gives a bit more flexibility. I made a table for the Responsive Email Designer page that way a while back using RSD, you can view it here: http://bob.coffeecup.com/layouts/email- … index.html

If there's interest I can try to find the project file, update it and share it.

But really, tables can be so complex to 'fit' on small screens that this would probably deserve it's own app. 'Responsive table designer' would need to use javascript to do all types of complex tricks in terms of layout changes and content presentation. For most designs hand coding is the only option (for now). Here's a good example: http://www.filamentgroup.com/lab/tablesaw.html

Ps. if you're concluding that the table element should not have been included in the app, you might be right. We also might still remove it from RSD before public release...
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 294282 Photo


Registered User
25 posts

Thanks! I was kinda headed in that direction....
User 389612 Photo


Registered User
43 posts

Hey, Bob.
I'd be interested in the project file for the "responsive table" shown in http://bob.coffeecup.com/layouts/email-designer-feature-table/index.html.
I've got some tables that I need to make (2 - 3 columns) and they do need to be responsive so this approach would work well. Please upload it for us!
-Bill
User 2728698 Photo


Registered User
38 posts

I know this is an old post, but I have a question along the same lines. I have two pages on my project that need tables to show information. I already have them in place, but I wouldn't mind taking the time to change them if it were neccesary. The only problem I seem to have with them is that these pages seems to be slow to load. Do you think it is because of the multiple pages I have on these pages?
Monique
User 232214 Photo


COO
827 posts

Monique Cormier wrote:
I know this is an old post, but I have a question along the same lines.

No problem, I see that I forgot to do my duties and post the table, so glad this popped back to the surface!

Monique Cormier wrote:
The only problem I seem to have with them is that these pages seems to be slow to load. Do you think it is because of the multiple pages I have on these pages?


No sure I understand the 'page on pages' remark Monique. Can you post a link to the site or attach the project file so we can take a looksy?
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2728698 Photo


Registered User
38 posts

Monique Cormier wrote:
The only problem I seem to have with them is that these pages seems to be slow to load. Do you think it is because of the multiple pages I have on these pages?


No sure I understand the 'page on pages' remark Monique. Can you post a link to the site or attach the project file so we can take a looksy?[/quote]

So sorry! I meant to say that I have multiple tables on each of these pages. Sorry again!
Monique
User 232214 Photo


COO
827 posts

Monique Cormier wrote:

So sorry! I meant to say that I have multiple tables on each of these pages. Sorry again!


No worries, got it now. That should not impact performance though. If you can get us the project file we can take a look. You can also add it here https://www.coffeecup.com/help/myroom/ if you prefer.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 232214 Photo


COO
827 posts

WMammel wrote:
Please upload it for us!
-Bill

Sorry, totally forgot about this. I recently redid this using Flexbox though, leading to much better results. I will post it as soon as we release Responsive Site Designer V1.5 with Flexbox support.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2816398 Photo


Registered User
1 post

Hey Bob, Can you add the sample RSD file.

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.