23,098 questions
0
votes
1
answer
47
views
Center vertical-lr text [closed]
I want to center vertically some text in a table that is set to writing-mode: vertical-lr. I have seen similar questions suggesting setting display: inline-block but this messes with the table.
I ...
1
vote
1
answer
53
views
Flexbox children taller than content - flex wrap bug with table header [closed]
Flexbox children are taller than their content if set to flex-wrap: wrap and containing a table header that could wrap. Is this a Chrome rendering bug or am I just crazy?
These all seem to fix the ...
-1
votes
3
answers
122
views
How can I extend a table vertically without affecting the content in CSS? [closed]
I am building a table with HTML, but I am having problems with the CSS. Initially, it appears that the height of the table is not proportional to what it should occupy on the screen:
So I tried to ...
0
votes
2
answers
147
views
How can I make a table header wide as the page, when a cell contains horizontal overflow?
I want to use a collapsible table, that always has the width of the page.
Its header cell should always have the width of the page.
The cell below shows content that needs to be scrolled horizontally.
...
- 1,187
3
votes
1
answer
98
views
How to get rid of artifacts displayed when a table with a sticky header is scrolled?
Using Bootstrap 5, I wrote an HTML table with a scrollable content and a "sticky" header. I also used Bootstrap CSS classes to stylize the table.
The snippet below shows a minimal example:
...
- 6,606
1
vote
2
answers
108
views
How to filer multiple TDs with one input text box only
I have a table with six columns containing approximately 7,000 entries. Currently, the table is filtered by six separate input text boxes, each with its own JavaScript function. Each function targets ...
- 75
0
votes
6
answers
192
views
html caption inside table: how do I get it to the width of the table?
table{border:2px solid #f00;}
caption {background:#0f0; display:block;width:100%;}
<table>
<caption>caption</caption>
<tr><th colspan="2">-AB-</th><td>-C-&...
- 1,774
1
vote
2
answers
114
views
Iterate/Loop through a dynamically built HTML table?
I am currently upgrading a major MVS project and I am converting all the static GridViews to dynamically built HTML tables with Bootstrap CSS. The tables are created and look/function great.
However, ...
0
votes
0
answers
54
views
Why does the z-index sometimes not get added to the filter popup in the Ant Design Table?
I'm using Ant Design to create a table, and there's an issue with one of the filter popups. When I run the application locally, I click on the filter icon on one of the columns and the popup comes up:
...
- 2,039
0
votes
1
answer
57
views
Max-width on select in table [duplicate]
TL;DR; - how do I restrict a long select element within a table?
I have a legacy system that uses a table (width:100%) which contains multiple select elements (max-width:100%).
Some (but not all) of ...
- 20k
0
votes
1
answer
50
views
Why does this <table> layout using rowspan not work as expected? [closed]
I need to create the following layout using <table> and without CSS Grid:
What I've tried:
td { border: 1px solid black; }
<table>
<tbody>
<tr>
<td rowspan="3"&...
- 73
1
vote
1
answer
55
views
Using t1flex with duplicate column names generated by table1
I am creating tables using table1 in a rmd document. To adjust the table width and the output format, I am using the flextable package.
I am creating table1 tables with multiple levels, as in table1(~...
- 25
0
votes
3
answers
129
views
How to individually color html table cells
I want to individually color in cells on a 2x5 row html table, pictured in the above image.
I can't find any examples of :nth-child allowing you to individually select and set the color of multiple ...
0
votes
1
answer
70
views
Making changes in Resize behaviour of table column
First time here.
I need to change the behaviour of the title column in antd Table to be resizable. Code in TS + React + antd + react-resizable.
The table column are resizable, there may be fixed/...
0
votes
2
answers
96
views
<dialogue /> modal does not block body from scrolling
useEffect(() => {
if (modal_ref.current) {
modal_ref.current.showModal();
}
}, [foc]);
when my <dialogue /> component is rendered and covers the entire viewpoint, the above ...
