Forum Discussion
Table border color in JSON
- 4 years ago
Hi again ThomasCh ,
One last try for the sake of our pride:
Try adding this line of code to the "Grid" section instead of border:If this works, you buy me coffee later 🙂
If it doesn't work, at least we gave our best!
Hope I was of assistance!
Cheers
Joao Marcelino
Ps- Did I answer your question? Mark my post as a solution! Kudos are also appreciated 🙂
Hi JoaoMarcelino ,
I am also facing similar issue. I followed the suggestion you made but not sure why it is not working in my case. Still I am unable to invoke left and right border to the grid. If possible can you please correct my mistake.
{
"name": "TableTemplate",
"visualStyles": {
"tableEx": {
"*": {
"grid": [{
"gridVertical": true,
"gridVerticalColor": { "solid": { "color": "#D3D3D3"}},
"gridVerticalWeight": 1,
"gridHorizontal": true,
"gridHorizontalColor": { "solid": { "color": "#D3D3D3"}},
"gridHorizontalWeight": 1,
"gridBorder": true,
"gridBorderColor": { "solid": { "color": "#D3D3D3"}},
"gridBorderWeight": 1,
"rowPadding": 5,
"outlineColor": { "solid": { "color": "#D3D3D3"}},
"outlineWeight": 1,
"textSize": 8,
"imageHeight": 100
}],
"columnHeaders": [{
"fontColor": { "solid": { "color": "#FFFFFF"}},
"backColor": { "solid": { "color": "#808080"}},
"outline": "Frame",
"autoSizeColumnWidth": true,
"fontFamily": "Segoe UI",
"fontSize": 8,
"alignment": "Center",
"wordWrap": true,
"bold": true
}],
"values": [{
"fontColorPrimary": { "solid": { "color": "#252423"}},
"backColorPrimary": { "solid": { "color": "#FFFFFF"}},
"fontColorSecondary": { "solid": { "color": "#252423"}},
"backColorSecondary": { "solid": { "color": "#FFFFFF"}},
"outline": "Frame",
"urlIcon": true,
"wordWrap": true,
"fontFamily": "Segoe UI",
"fontSize": 8
}],
"total": [{
"totals": true,
"fontColor": { "solid": { "color": "#FFFFFF"}},
"backColor": { "solid": { "color": "#808080"}},
"outline": "Frame",
"fontFamily": "Segoe UI",
"fontSize": 8,
"bold": true
}],
"stylePreset": [{
"name": "BoldHeader"
}],
"border":[{
"show" :true ,
"color": { "solid": { "color": "#808080"}},
"radius": 0
}],
"title": [{
"show": true,
"text": "Enter Title Using Title Property",
"alignment": "center",
"fontColor": { "solid": { "color": "#FFFFFF" } },
"background": { "solid": { "color": "#808080" } },
"fontSize": 13,
"fontFamily": "Calibri",
"bold": true
}]
}
}
}
}
Thanks in advance.
Hey itsmebvk 🙂
How are you?
It's pretty cool to see that a post from months ago still is read and helps people around the world from this amazing community 🙂
Let me check if I can help... but 1st, is this what you are looking for?
Hope I was of assistance!
Cheers
Joao Marcelino
- itsmebvk3 years agoContinued Contributor
JoaoMarcelino Thanks for your reply. I am able to get Table border as you can see in below screenshot. But if you look closely first and last column in the table doesn't have borders. but all other columns in the table have borders. I am not sure what I am missing here. Please suggest.
- JoaoMarcelino3 years agoResponsive Resident
Hi itsmebvk 🙂
I tried to replicate what I believe you are looking for:- To play with the "borders" inside the table, you want to configure the Grids (both horizontal grid and vertical grid);
- On the other hand, to activate the borders on the left and right side (at the beginning and end of the table) I would keep it simple and wouldn't touch the code, but configure the table definitions at Grid -> Border -> Section all (in case you want it to catch both the rows and headers) -> left and right.
I've attached my example file, so that you can check what I did and try for yourself 😉
Hope I was of assistance!
Cheers,
Joao Marcelino
Ps- Did I answer your question? Mark my post as a solution! Kudos are also appreciated 🙂