The border thickness of my table is inconsistent at 1px. This issue only occurs in smaller desktop breakpoints and works fine on higher resolutions. Attached below is a screenshot for reference. https://i.sstatic.net/gPsaT.png
Below is the code I used to apply the border:
.cmp-sortable-table table.dataTable td {
border-right: 1px solid #5B3880;
}
.cmp-sortable-table table.dataTable th {
background-color: #5B3880;
border-color: #EFB21A;
}
No HTML table was created, data is dynamically added to this datatable through JavaScript.
Actions taken so far:
- Tried replacing the border with after pseudo class, but the issue persists
- Reduced border thickness to 0.5px which worked fine, however, I require it to be at 1px