Header in mobile view is not shown
See original GitHub issueI am using this super responsive table with react. I have created a custom table that would be used for the project.
I am using this in a super responsive table and creating a table. Creating Dynamic Header and Dynamic Body. On the Laptop View, the table is working fine but on mobile view, the header is not coming on the display as shown below in the screenshot as it should be.
I have been using this as a column config :
export const column config = [
{
coloumnName: “Name”,
coloumnType: “regular”,
className : "col-md-2 col-12 text-break ",
dataColoumn: “name”,
color: “#555”,
backgroundColor: “white”,
fontSize: “10px”,
linkTo: “null”,
sortExpression: “name”
}
}
And data from API is in this Form
export const persons = [ { _id:1, name: “Cardio-repository Events and Inflammatory Response After Primary Immunization in Peterm Infants”, type: “Research”, status: “DRAFT”, enrolmentType: “Automatic”, lastUpdated: “23-Jul-2021”, lastUpdatedBy: “Neil”, owners: “John”, tags: [“Immunization”, “Cardio-respiratory”] } ]
My Basic Structure Flow is in this way for a particular Td.
<div class="row">
<div class="mx-auto">
<table data-testid="table" class=" responsiveTable"><thead data-testid="thead">
<tr data-testid="tr">
<th data-testid="th">Name</th>
</tr>
</thead>
<tbody data-testid="tbody">
<tr data-testid="tr">
<td data-testid="td" class=" pivoted">
<div data-testid="td-before" class="tdBefore">
</div>
Cardio-repository Events and Inflammatory Response After Primary Immunization in Peterm Infants
</td>
</tr>
</tbody>
</table>
Expected behavior In Full View it is Fine
A clear and concise description of what you expected to happen.
Screenshots In Mobile View Header is Missing
Desktop (please complete the following information):
- OS: [e.g. iOS] - Windows 10
- Browser [e.g. chrome, safari] - Chrome
- Version [e.g. 22] - Version 96.0.4664.93
Smartphone (please complete the following information):
- Device: [e.g. iPhone6] - iphone 7
- OS: [e.g. iOS8.1] - iOS 14
- Browser [e.g. stock browser, safari] - safari
- Version [e.g. 22] - 22
Issue Analytics
- State:
- Created 2 years ago
- Comments:12 (3 by maintainers)
But the issue has still not been resolved. I have tried every aspect as you said Recompose your table to a simple non-dynamic table. Next, add in the dynamic features. Then, break up your components however you see fit. Do you spot the issue? but it’s showing the same error.
I also still have the issue.