When it’s time to customize table look for your site colors read this article. The instruction below will help you to set border color for your Data Table:
- Open table you need and elect CSS tab
- Insert the next code —
#supsystic-table-1 *{
border: 2px dotted blue;
}where
- 1 is id of the current table
- Also your can specify the type of the border solid, dotted, dashed, groove, ridge, inset, outset
- Clarify the exact color with hex code, like #d942f4
- Change pixels value 1px or more
- Save changes to see the result
Table before changes
Lorem | Ipsum | Dolor | Sit | Amet |
---|---|---|---|---|
AA | 18 | 35 | 98 | 53 |
BC | 55 | 98 | 67 | 78 |
DF | 40 | 23 | 45 | 61 |
HJ | 32 | 16 | 10 | 74 |
The example you can achieve:
Lorem | Ipsum | Dolor | Sit | Amet |
---|---|---|---|---|
AA | 18 | 35 | 98 | 53 |
BC | 55 | 98 | 67 | 78 |
DF | 40 | 23 | 45 | 61 |
HJ | 32 | 16 | 10 | 74 |