2,241 questions
0
votes
1
answer
48
views
Bootstrap Responsive Table in Auto Grid Layout
I'm trying to add a BS Responsive Table inside of a BS Auto-layout Grid and running into what I believe is a bug. The table is breaking the auto layout columns and forcing them to wrap.
https://...
- 6,811
1
vote
2
answers
51
views
How to combine border-separate with divide-y?
When I try to combine border-separate (I need it for border-spacing-y-2) with divide-y, then divide-y is ignored until I remove border-separate. Why is that and what is the best practice to get ...
- 18.5k
0
votes
3
answers
68
views
How to do <table style="something that will affect the TDs"> purely inline?
<td style="text-align:center"> is great, but let's say I need to do 1000 of them,
and ... I am not allowed to use stylesheets.
So what can I put in <table style="what"> ...
- 606
1
vote
1
answer
68
views
Is it possible to have some cells in a table row to have vertical flow instead or horizontal using css?
I have a basic table:
<table border="1">
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell ...
- 973
0
votes
3
answers
68
views
How to make table cell height equal without image on one cell overgrow the table?
So I have a <table> that has 1 row with 2 columns, one row containing an extraordinarily large image, the other row just contains your usual table cell content - a few <p>s.
Here's a ...
- 425
0
votes
1
answer
69
views
How to remove the table border-bottom gap?
I am trying to place a border-bottom under each section of data, but it has a split between the first and second columns. I'm not sure how to remove this space between the columns. I tried using an hr ...
- 15
1
vote
1
answer
112
views
How to generate a table with cells merged in a column [duplicate]
This is the table I expect:
And I used this code, but did not get the expected result
<table border="1" align="center" cellpadding="10px">
<thead>
<tr>
<th>a&...
- 13
4
votes
3
answers
167
views
Split headerless html table rows 50% left and 50% right
I have 20 rows like this in a standard html table (table>tbody>tr>td) without a header.
current situation
<table>
<tbody>
<tr>
<td>1</td>
...
- 43
1
vote
1
answer
71
views
Outlook Cloud signature adding 1px padding to CSS/HTML table
I have an HTML/CSS file using nested tables to be used as an email signature in Outlook cloud, and while the code seems to work as intended in VS Code preview or CodePen, when pasting it into Outlook, ...
- 1,112
1
vote
0
answers
80
views
Border radius dosen't line up with inline shadow as table cell
I was adding a drop shadow to an element, and for some reason, the box-shadow was acting like the border had a different radius. But when I removed display: table-cell it rendered perfectly fine.
I ...
- 29
1
vote
1
answer
48
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 ...
- 41
0
votes
1
answer
79
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 ...
- 136
0
votes
1
answer
51
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>
<...
- 3,262
0
votes
1
answer
100
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
1
answer
39
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 ...
- 1
2
votes
1
answer
98
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 ...
- 245
0
votes
1
answer
94
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 ...
- 11
0
votes
2
answers
70
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 ...
1
vote
1
answer
550
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, ...
- 83
0
votes
2
answers
900
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 ...
- 87
0
votes
1
answer
44
views
Stack HTML TABLE elements one on top of each other
I'm trying to create a simple HTML email design. Within the design I want to stack more than element on top of each other, specifically, an img and some text on top of it.
Using divs and img tags ...
- 403
0
votes
1
answer
505
views
Ability to move table rows up/down (drag and drop)
My table has five columns.
I would like to add the ability to drag rows up or down. That is, when the user hovers over a row and then hovers over a button (in the first column), I would like the user ...
- 287
0
votes
1
answer
684
views
Create an 8.5x11 or A4 Letter Size Page with Tables for Text
I would like to create an A4 or 8.5x11 page that would look like what I have attached. One page has a 3" top margin, 2 vertical lines, 1" margin left/right with line numbers on the left., ...
- 23
0
votes
0
answers
38
views
Stack only a single row in a responsive html table
I want to stack only single row in a responsive html table using css.
<table>
<tbody>
<tr class="firstrow">
<td colspan="2">...
- 1,059
-1
votes
1
answer
295
views
Table cell borders are transparent when fixing them
I am trying to create a Svelte table component (although I think Svelte has nothing to do with this) that can have fixed columns.
The basic logic seems to be working but there is a very strange ...
- 2,505
-1
votes
2
answers
110
views
HTML table won't make content occupy full-width
I have made this table that holds html elements inside:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=...
- 23
1
vote
1
answer
95
views
How to determine the adhesion (sticky) of a block in a cell to a mat-header-cell?
I have an Angular table. How do I make the span element in the cells of the first column stick to the sticky mat-header-row when scrolling down the table?
When scrolling the table, the span element ...
- 137
0
votes
1
answer
68
views
css table th and td not taking 100% of the width
I would like to make th and td both 100% width by only manupulating css.
It seems like th stretches out far but never fully to push out the td.
What's wrong with this code?
.custom-table {
...
- 35
-2
votes
3
answers
737
views
Divide laravel table into 4 columns from a single foreach
I have a foreach loop that has data.
I am using a foreach loop to echo the data out into a table.
@foreach($data as $key)
<tr>
<td>{{$key->option_name}}</td>
</tr>
@...
- 87
0
votes
1
answer
41
views
How can I allow an inner element to horizontally overflow outer element while staying centered?
I have the following HTML/CSS webpage:
body {
margin: 0;
}
main {
width: 50%;
min-width: 600px;
margin: auto;
border: 1px solid red; /* for debugging purposes */
}
.wide-table {
/*...
- 131
0
votes
2
answers
63
views
CSS height Property not working for display: table?
<main class="table-container">
<div id="table-row">
<section id="product-image" class="table-column">...
0
votes
1
answer
80
views
CSS-tables: selector tr:hover is not working as expected?
Why in this CSS code the background color in (#customers tr:hover) selector is not working for the first tr element which contains the th element and have green background.
#customers {
font-...
1
vote
0
answers
82
views
if I put a div as a table-cell into a table-column it disappears? taking it out makes it re-appear
I have a few super simple divs, one that is a table, another that is a table-column, and another that is a table-cell. putting the cell inside the column makes it dissapear but taking it out makes it ...
0
votes
2
answers
542
views
For a 100% table, how to spread elements horizontally evenly inside <td>?
For example, I have a table which the first column has some elements with different length:
<table border="1" style="text-align:center;width:100%;">
<tr><td><span>a</...
0
votes
3
answers
1k
views
How can I round the border of my table body?
Here is my problem:
I need my table to have a) a border around only the table body and b) this border needs to be rounded. Their border is there, but I cannot seem to get it rounded - can anyone help?
...
0
votes
1
answer
728
views
How to make a 2x2 table in HTML with a text in the right
This is what I have to do
My code is not working. The table has a big blank space in the middle and the text is not on the aside, it is too big and the background colour doesn't get it.
I tried this:
...
- 13
0
votes
1
answer
72
views
How to create handlbars HTML template using Nested Dictionary Data
I am trying to assemble an HTML email containing Application Alerts that the user subscribed to. There are 2 Categories: "Services" and "Requests".
Each category is a Dictionary ...
- 6,587
0
votes
1
answer
199
views
How do I make my code look like the screenshot?
I am stumped. I need help making my code look like the screenshot provided. I am using Microsoft Visual Code.
Correct Screenshot I need my code to look like
This is what my current screen looks like
...
0
votes
2
answers
661
views
HTML Table with Column and Row headers
Trying to code table with column and row header, my output is printing Column headers starting from Col2 Row1 and Row headers starting from Col1 Row2 (Col1 Row1 is empty). I need current column header ...
user1400953
0
votes
0
answers
155
views
How do I use colgroup in HTML / CSS for better formatting Tables?
I got a Problem with the Tables on my HTML Page. How my Table looks now
I'm trying to restrict the columns to a special value so that the Time column is smaller than the rest of the weekday columns.
&...
0
votes
1
answer
1k
views
HTML tables and Page Header/Footer overlap
I have been trying to generate a PDF from an HTML file, and require the generated PDF to have a page header and a page footer. They must be printed on every page. While using 'static' for position, I ...
0
votes
0
answers
107
views
Why do the image elements in my table shrink on hover/active/focus?
Normal state
When hovering over the search icon and thus expanding the searchbar
When clicking on the filter icon and thus expanding the filter block
As I got a problem regarding the shrinking of ...
0
votes
2
answers
53
views
<img> brings chaos into CSS-table
I have a CSS-table based toolbar. Everything was fine until it became necessary to add buttons with pictures there. For some reason, when adding an <img> tag, the height of the toolbar increases ...
- 813
0
votes
3
answers
757
views
Horizontal scroll in table attached with position fixed
A div with different tables that should all scroll horizontally while the first table must be attached to the top of the page fixed, so it is also visible when scrolling vertically.
Is there anyway to ...
- 141
1
vote
2
answers
200
views
How to set a border with round corners only to the tbody and not to the thead?
This is how I did the border around the tbody, however, the radius isn't being applied.
table {
border-collapse: collapse;
}
tbody {
border: 1px solid black;
border-radius: 25px;
}
<table&...
0
votes
0
answers
441
views
How to prevent tooltip from creating a vertical scrollbar in table?
I created a table with tooltips embedded in it. Near the bottom of the table, the length of the tooltip hover would reach outside of the bottom of the table and so this creates a permanent vertical ...
0
votes
1
answer
74
views
Turning th text by 90 degrees results in far off text
i want to turn some headers of a table in my admin, but there is a css stylesheet that kind of comes with the system (I can easily add stuff though). To achieve this I created the rotate class but I ...
- 1,400
1
vote
1
answer
107
views
Cell line break changes table layout
I have a table with a fixed width. Here the last two rows should always be without breaks. However, the table layout is changed if another cell has more content and therefore has to wrap.
I've already ...
- 113
0
votes
0
answers
32
views
How to get padding recognized on right side of a table in Firefox?
In this tiny example, would you please tell me how to get the padding to be recognized on the right of the table in Firefox? The padding appears in Chrome but not Firefox.
Thank you.
table td {
...
- 3,226
0
votes
0
answers
198
views
How do I stop my text from moving up with my table (CSS)?
So i'm coding up a website and i have a table that isn't in the right place. I want to move it up. For context, there's also some text underneath the table.
I added margin-top: -150px; in my CSS code ...
- 1