NES.css icon indicating copy to clipboard operation
NES.css copied to clipboard

Published 20 hours ago • verified publisher icon nostalgic-css

Table border disappear when using "row-span" attribute

Open iammarkps opened this issue 6 years ago • 7 comments

Describe the bug When using row-span attribute border is missing!

To Reproduce

  1. Create a table
  2. Use row-span attribute

Expected behavior Border show normally

Screenshots screenshot 2018-12-27 16 56 59

Environment:

  • OS: MacOS
  • Browser: Google Chrome Version 71.0.3578.98 (Official Build) (64-bit)
  • Build environment (i.e. NodeJS): React

iammarkps avatar Dec 27 '18 10:12 iammarkps

Would like to work on this if no one else is. @iammarkps

theNaut1lus avatar Feb 16 '19 19:02 theNaut1lus

No update since February. So, I would like to work on it now. @iammarkps @evexoio

thisisabhinay avatar Oct 09 '19 18:10 thisisabhinay

I can't confirm if anyone is still working on this, so I think you can start if you want @thisisabhinay 👍

guastallaigor avatar Oct 09 '19 18:10 guastallaigor

@guastallaigor @iammarkps @BcRikko This one is difficult. I don't think the solution to this problem is 'only CSS' based. One way to solution is setting border-collapse property of the .is-bordered table to collapsible but then it defeats our whole purpose of setting the corner of table (in fact any bordered container) like this: Screenshot 2019-10-11 at 5 02 55 AM

Part of the problem stems from the way of working of CSS itself! There's no 'pure CSS' way to change the properties of a parent based on the detection of one specific attribute (here, rowspan) in any of its children. CSS doesn't work like that, if I am not wrong.

thisisabhinay avatar Oct 10 '19 23:10 thisisabhinay

I've deleted the improper comment posted on this Issue.

BcRikko avatar Jul 22 '21 12:07 BcRikko

Different web browsers may interpret table rendering slightly differently. Make sure that your code is compatible with various browsers by testing it on different browsers and using CSS resets or normalization techniques if necessary.

AbhishekS59 avatar Oct 01 '23 17:10 AbhishekS59

Different web browsers may interpret table rendering slightly differently. Make sure that your code is compatible with various browsers by testing it on different browsers and using CSS resets or normalization techniques if necessary.

chatgpt, is that you?

abdallahalsamman avatar Oct 02 '23 19:10 abdallahalsamman