Questions tagged [css-tables]
CSS Tables refers to styling HTML <code>table</code> elements with CSS, or using the CSS <code>display:table</code> property declaration to define an element's layout to mimic that of a <code>table</code>.
css-tables
2,241
questions
1
vote
1
answer
24
views
Adding Border Styling to Table Row Headings and Colum Headings
I would greatly appreciate some help with this, if possible. I'm trying to add some global CSS styling to tables that are automatically generated by our company platform's HTML editor, but running ...
0
votes
1
answer
38
views
Is it possible to replicate classic table spacing using CSS Grid?
I have a table with two columns, and multiple rows. One of the columns typically has more content than the other. I would like to replicate the behavior of an old fashioned table, where free space is ...
0
votes
1
answer
25
views
How can I have a table wrap to new page before footer is reached?
I'd like to print a dynamically generated HTML table plus page footer.
So, I defined an HTML table and footer, like this:
<!DOCTYPE html>
<html lang="en">
<head>
<...
0
votes
1
answer
36
views
Fixed length table with columns taking up max-width
I'm unable to figure out the CSS styles I need to apply to achieve the following:
I would like an HTML table with a max-width of up to 400px.
Within the table, each column should have a max width of ...
0
votes
0
answers
22
views
color effect over all columns of a table [duplicate]
I generated a table using django and bulma and also some custom css, and it looks like this:
th, td {
padding: 0.2rem 1rem;
}
th {
font-weight: normal;
...
0
votes
1
answer
32
views
How do I center a table inside a div while not losing overflow
I have a dashboard HTML page that has 2 sections:
for vertical navbar
for a table of people (and optionally some h1 text later on)
I just want a way for the table to be centered in main, and when ...
2
votes
1
answer
59
views
Robust two-column HTML layout for emails that works in Outlook.exe, howto without tables?
Currently, we use tables in our email software to create a two-column layout like below, displaying avatars of the discussion participants to the left of the actual e-mail text, similar to a forum ...
0
votes
1
answer
37
views
How can I override border class with other border class?
I am trying to figure out how to override some table border classes I have added to my table.
I have created 5 classes for table borders, plus added border collapse. In the first row I want the first ...
0
votes
2
answers
60
views
What CSS & HTML do I need to switch a table from 4 cols of data in 1 row to 2 cols in 2 rows at 550px screen width w/o duplicate content?
Using CSS and HTML how can I achieve the desired effect – as in the title – without duplicating content?
Screen width greater than 550px:
Screen width less than 550px: :
Here's a link to the sample ...
0
votes
0
answers
14
views
Effect of rowspan on cell referencing
I had always thought that rowspan merely spanned table cells for display purposes only and that the underlying cells continued to remain separate. Some experimentation has led me to believe otherwise....
0
votes
0
answers
19
views
Why is my scroll to top button not working on Chrome?
I have been running the following codes on my stylesheet and .js files for scrolling to the top of the article. I saw all the resolutions given, but none worked for me. It works for the internal view ...
0
votes
0
answers
171
views
CSS for Ninja Table with column overflow
I would appreciate some help figuring out CSS (responsive/mobile) for Ninja Tables with multiple columns (bus schedules). I've spent hours trying to figure it. The tables need to scroll both ...
1
vote
1
answer
181
views
How do you make one column with a fixed width and another one with auto width in <table> using css?
I am making a table with resizable columns and facing an issue I cannot resolve. I need to enable a user to drag the side of a column to resize it and reset the width if they want to. By resizing it, ...
0
votes
2
answers
186
views
How can I fix the size of the display of a table so scrollbars (vertical and horizontal) are always in view? [closed]
[edits added below per the request to see code. Edits also added to the original post to clarify the ask - marked in bold]
My app has a wide table that is potentially has many rows. The table is ...
0
votes
0
answers
43
views
Table cell borders disappear when document converted to PDF
For some reason when trying to export my table as a PDF document the borders dissapear. I don't have coding experience if anyone can fix my code for it to start showing the borders I would greatly ...