Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Table header columns are not separating by lines

  • 5 replies
  • 0 have this problem
  • 25 views
  • Last reply by cor-el

more options

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.

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.
Attached screenshots

All Replies (5)

more options

Is this a new issue? Can you share a public link to an example for testing?

Does it still happen in Troubleshoot Mode?

Helpful?

more options

@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.

Helpful?

more options
Firefox 115.2.1

Have you tried testing with the latest Firefox 122 version?

Helpful?

more options

@zeroknight No. I didn't try in version 122. Firefox browser is managed by my organization. I can't update it to latest version.

Helpful?

more options

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.

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.