Adding border style to not wokring

Question

Is this feature available with gridjs or I am not putting it in right place as expected by Api?

You might want to share your complete code, see here-- https://stackoverflow.com/help/minimal-reproducible-example — Kaustubh, Jan 08 '21 at 14:45

ObscurusLux · Answer 1 · 2021-01-08T15:05:56.253

1

in order for the border style to work, you have to have border-collapse: collapse; in the table element's CSS

edited Jan 08 '21 at 15:05

answered Jan 08 '21 at 14:52

ObscurusLux

370
3
14

Johannes · Accepted Answer · 2021-01-08T15:04:31.490

1

You can't set borders to a tr - apply them to the td elements instead (and use border-collapse: collapse on the table element to avoid double borders optionally)

Note: On the tds, use border-top and/or border-bottom to avoid vertical borders between the cells, also border-left on td: first-child and border-right on td: last-child to have vertical borders on the outsides.

edited Jan 08 '21 at 15:04

answered Jan 08 '21 at 14:58

Johannes

64,305
18
73
130

Thanks for help. Also, I have multiple grids on same page with formatters applied almost in every cell. Each grid doesn't have more than 10 rows. After the complete load, the tables become unresponsive if I perform sorting on them. Any clue? – Pooja Bansal Jan 08 '21 at 19:34

Adding border style to not wokring

2 Answers2