All Questions
Tagged with responsive html-table
101
questions
0
votes
1
answer
34
views
How to make element table responsive in React.js Tailwindcss
I want to make a responsive table on desktop and mobile devices with Tailwind CSS. However, this table component is a child of <Outlet /> in React.js router dom.
dekstop view
mobile view
// ...
0
votes
0
answers
47
views
Testing Table component Ant-Design
I'm trying to test the ant-design Table component, but I'm facing a mystery. Currently, my test is working; I can find the first name 'Mike' in the document. However, as soon as I uncomment the ...
- 11
0
votes
2
answers
117
views
Is there a way to make rows of content into a column with pure CSS?
I have a table like this:
<p>On large screens</p>
<table>
<tr>
<td>1</td>
<td>3</td>
<td>5</td>
</tr>
<tr&...
- 1,138
0
votes
0
answers
64
views
HTML Responsive table
I want to create a responsive HTML table that increases and decreases according to certain values that I want.
The table consists of a table header and the body of the table, where I will apply more ...
- 89
-1
votes
1
answer
34
views
I want a row width go beyond the page instead of fitting into it
I have a col and inside the col there's a table. I want the col and table to go beyond the width of the page when I see the website from a mobile phone or tablet. I know it sounds strange but it's the ...
- 71
0
votes
1
answer
4k
views
Making primeng table responsive without adding horizontal scrollbar to all the screen but only to the table itself
I have a table with lots of columns, when I switch to a laptop all the text bumps into each other.
I tried using responsiveLayout="scroll" but it creates 2 scrollbars one for the table (...
- 53
0
votes
1
answer
4k
views
Need help adding a header and footer to on every page when I print a long html table
I have a view with a long HTML table. When I try to print that view, the table gets divided into several pages. Obviously, the table breaks and continues to next page and so on. I want to be able to ...
- 31
0
votes
3
answers
272
views
Responsive table with pure css
I'm developing a table and I want to make it responsive.
I try overflow-x: auto; to make it scrollable in a smaller size but it doesn't work.
I don't want some columns deleted if the screen goes to a ...
- 1,420
1
vote
0
answers
177
views
Responsive Table select dropdown cannot show all
I have a problem in the responsive table for select dropdown, it cannot view all content in the select dropdown. I have added "overflow-x:auto" in the table div to make it responsive and ...
- 385
0
votes
1
answer
35
views
Responsive fluid property table html implementation
I have property table that I need to look different for desktop and mobile applications.
Desktop - 1 table:
| Product1 | Product2
Property | Value | Value
Property | Value | Value
...
- 8,155
0
votes
1
answer
308
views
Why does responsive table is not working as expected?
I'm trying to make a table responsive, but it's not working as I expect.
<figure class="i_table"><table><tbody><tr><td>Title-1</td><td>Title-2</...
- 181
1
vote
1
answer
243
views
Dynamic table pagination based on available space
I have a table and I filled it with REST API with KeySet-based pagination. I have used pagination contains 5 buttons for representative of pages.
I want to use all the available space to display the ...
1
vote
1
answer
441
views
How to get a full-width column with text aligned left in a responsive table
I'm trying to make a stackable responsive table, and I need some of the rows to be full-width (headers within in the table). I can't get the text to align left when in mobile view. Any advice is ...
- 13
0
votes
2
answers
104
views
How to make this website responsive using javascript?
I would like to know how to make this HTML site responsive. It contains many iframes grouped into one table.
First, the main page.
<!DOCTYPE html>
<html>
<head>
</head>
<...
user16429456
3
votes
1
answer
9k
views
Bootstrap 5 - table-responsive - not working (for me)
I can't get horiz scroll working with the table-responsive unless I add sth like:
style = "width: 1000px" to the table (see below). But this causes the vertial scroll bar (if any) to be ...
- 157