I attempted to make changes to the custom CSS file without success. I am struggling to pinpoint which classes need to be modified.
Do you have any suggestions on how to resolve this issue?
From what you've described, it appears that datatables.net v2.0 has made alterations to its internal styling. These modifications may clash with your current custom CSS classes that were tailored for v1.13.11 and BS5. This could result in unexpected visual anomalies such as border boxes and excessive lines.
While there isn't a straightforward solution at hand, we can explore a few steps.
Firstly, we can use the browser's developer tools to examine the table elements. Look for specific table cells, rows, or headers that are exhibiting undesired borders.
Once we've identified these elements, check the associated CSS classes. These classes could either be introduced by Datatables.net v2.0 or a blend of your custom CSS and Datatables classes.
In addition, consider temporarily disabling your custom CSS file to determine if the issue persists. If the borders vanish, then the conflict lies within your custom styles.
Most importantly, we can target the specific Datatables classes with more precise CSS rules in your custom stylesheet. This method grants greater control over the final appearance.
Nevertheless, it necessitates a solid grasp of CSS specificity and might become laborious to manage if numerous conflicts arise.
If the conflicts are minor, you may be able to adjust your custom CSS to align with the new Datatables classes. This adjustment could involve tweaking selectors or class names to prevent clashes.
By following the aforementioned steps, you can systematically investigate and address the issue.