I frequently find myself loading data into tables, and it's really frustrating when the column widths change after the data loads! I've considered a couple of options: I could hardcode the widths in pixels, but that gets tricky with different screen sizes. Using percentages is also tough. Another option is to wait to render the table until the data is fully loaded, but that makes it look kind of messy, and I'd rather show a blank table instead. How do you all handle this? Is it something you even care about?
2 Answers
I suggest sticking with CSS for setting widths, or even using the width attribute. You should have a general idea of how wide your data will be, and it's best not to leave that up to the browser's rendering engine. In fact, I’d recommend skipping the `
It's pretty ironic that a `
I have to disagree with you there! If you're displaying tabular data, you're much better off using a table. It's cleaner and more accessible, plus you can still apply CSS to the table cells. Using divs for tables is just not the way to go!
You might want to consider using an ellipsis for your column content. Set a maximum width for each column, and if the content overflows, display "....more" instead of letting it disrupt your layout.
Related Questions
How to Build a Custom GPT Journalist That Posts Directly to WordPress
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads