'Grid lines are not showing primeng table
Created a table grid using and sometimes the vertical or horizontal lines are not showing up. When I change the zoom percentage or refresh the page or scroll to different section within the same window, the lines appear again.
Referring to the CSS properties, everything is defined correct.
And this issue is not happening with all the browsers or systems.. It is random and ambiguity
<p-table id="sendReminderTable" [scrollable]="true" scrollHeight="calc(100vh - 300px)" [(selection)]="reminderSelectedRows" [columns]="sendReminderCols" [paginator]="true" [rows]="100" [rowsPerPageOptions]="[100, 200, 500]" [value]="sendReminderData" resizableColumns="true" columnResizeMode="expand" reorderableColumns="true" sortMode="multiple" #dt >
Solution 1:[1]
My solution to this issue was that I hadn't imported a theme to get the base styles for the gridlines.
Because the colour of the gridline is a particular colour the style is in the theme file
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Tristan |