Table header columns are not separating by lines
Hi my application contains a table where the table columns will separate by vertical lines. I am getting vertical lines in other browsers but columns are not separating by lines in firefox browser. Please refer the screenshots of table header in firefox & other browsers. edge_snip.PNG consists if columns separated by vertical lines in Edge browser and firefoxsnip.PNG consists of columns not separated by lines.
All Replies (5)
Is this a new issue? Can you share a public link to an example for testing?
Does it still happen in Troubleshoot Mode?
@zeroknight I can't share link. Yes it's still happening in troubleshoot mode also. I have tried some solutions of removing 'border-collapse: collapse' in _reboot.scss file in nodemodules/bootstrap but it's still not working.
Firefox 115.2.1
Have you tried testing with the latest Firefox 122 version?
@zeroknight No. I didn't try in version 122. Firefox browser is managed by my organization. I can't update it to latest version.
You can reload webpage(s) and bypass the cache to refresh possibly outdated or corrupted files.
- hold down the Shift key and left-click the Reload button
- press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
- press "Command + Shift + R" (Mac)
Are other rules in the CSS files also not applied ? Did you check this in the Inspector ?
You can right-click and select "Inspect" to open the built-in Inspector with this element selected.