Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Table border disappear when using "row-span" attribute #232

Open
iammarkps opened this issue Dec 27, 2018 · 7 comments
Open

Table border disappear when using "row-span" attribute #232

iammarkps opened this issue Dec 27, 2018 · 7 comments
Labels
bug Something isn't working good first issue Good for newcomers

Comments

@iammarkps
Copy link

iammarkps commented Dec 27, 2018

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
@abdallahalsamman abdallahalsamman added bug Something isn't working good first issue Good for newcomers labels Dec 27, 2018
@theNaut1lus
Copy link

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

@thisisabhinay
Copy link
Contributor

thisisabhinay commented Oct 9, 2019

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

@guastallaigor
Copy link
Member

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

@thisisabhinay
Copy link
Contributor

thisisabhinay commented Oct 10, 2019

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

@nostalgic-css nostalgic-css deleted a comment Jul 22, 2021
@BcRikko
Copy link
Member

BcRikko commented Jul 22, 2021

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

@nostalgic-css nostalgic-css deleted a comment Jan 26, 2022
@nostalgic-css nostalgic-css deleted a comment from tlynetteb Jan 26, 2022
@AbhishekS59
Copy link

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.

@abdallahalsamman
Copy link
Member

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

7 participants