Question
Change Advanced Grid Styling
Hi. I am trying to get the Grid Area of the Advanced Grid configuration transparent. Does anyone know how to do it?
Here's the config I am using:
var result = {
"columns": {
"idFieldName": "id",
"header": {},
"columnDefs": [],
"enableSorting": true
},
"rows": {
"selection": "single",
"minHeight": "30px"
},
"styles": {
"tableWrapperStyle": {
"backgroundColor": "#333333",
"secondaryBackgroundColor": "",
"foregroundColor": "",
"textDecoration": "",
"image": "",
"lineColor": "#333333",
"borderStyle": "solid",
"borderWidth": "1px",
"fontFamily": [
"helvetica",
"arial"
],
"fontStyle": "normal",
"fontSize": "11px",
"fontWeight": "normal"
},
"tableHeaderStyle": {
"backgroundColor": "#222222",
"secondaryBackgroundColor": "",
"foregroundColor": "#ffb901",
"textDecoration": "",
"image": "",
"lineColor": "",
"borderStyle": "",
"borderWidth": "1px",
"fontFamily": [
"helvetica",
"arial"
],
"fontStyle": "normal",
"fontSize": "16px",
"fontWeight": "bold"
},
"rowBorderStyle": {
"backgroundColor": "",
"secondaryBackgroundColor": "",
"foregroundColor": "",
"textDecoration": "",
"image": "",
"lineColor": "",
"borderStyle": "",
"borderWidth": "1px",
"fontFamily": "",
"fontStyle": "",
"fontSize": "",
"fontWeight": ""
},
"cellBorderStyle": {
"backgroundColor": "",
"secondaryBackgroundColor": "",
"foregroundColor": "",
"textDecoration": "",
"image": "",
"lineColor": "",
"borderStyle": "",
"borderWidth": "2px",
"fontFamily": [
"helvetica",
"arial"
],
"fontStyle": "normal",
"fontSize": "16px",
"fontWeight": "bold"
},
"rowBackgroundStyle": {
"backgroundColor": "#333333",
"secondaryBackgroundColor": "",
"foregroundColor": "#42a7f1",
"textDecoration": "",
"image": "",
"lineColor": "",
"borderStyle": "",
"borderWidth": "2px",
"fontFamily": [
"helvetica",
"arial"
],
"fontStyle": "normal",
"fontSize": "14px",
"fontWeight": "bold"
},
"rowAlternateBackgroundStyle": {
"backgroundColor": "#333333",
"secondaryBackgroundColor": "",
"foregroundColor": "#42a7f1",
"textDecoration": "",
"image": "",
"lineColor": "",
"borderStyle": "",
"borderWidth": "",
"fontFamily": "",
"fontStyle": "",
"fontSize": "14px",
"fontWeight": "bold"
},
"rowHoverStyle": {
"backgroundColor": "#464646",
"secondaryBackgroundColor": "",
"foregroundColor": "#42a7f1",
"textDecoration": "",
"image": "",
"lineColor": "",
"borderStyle": "",
"borderWidth": "1px",
"fontFamily": [
"helvetica",
"arial"
],
"fontStyle": "normal",
"fontSize": "14px",
"fontWeight": "bold"
},
"rowSelectedStyle": {
"backgroundColor": "#464646",
"secondaryBackgroundColor": "",
"foregroundColor": "#42a7f1",
"textDecoration": "",
"image": "",
"lineColor": "",
"borderStyle": "",
"borderWidth": "",
"fontFamily": [
"helvetica",
"arial"
],
"fontStyle": "normal",
"fontSize": "14px",
"fontWeight": "bold"
},
"rowFormatterStyle": {
"backgroundColor": "",
"secondaryBackgroundColor": "",
"foregroundColor": "#333333",
"textDecoration": "",
"image": "",
"lineColor": "black",
"borderStyle": "none",
"borderWidth": "1px",
"fontFamily": [
"helvetica",
"arial"
],
"fontStyle": "normal",
"fontSize": "14px",
"fontWeight": "bold"
}
},
"search": {
"multiColumn": {
"enabled": false,
"location": "top-left"
}
},
"resetButton": {
"enabled": false,
"location": "top-right"
}
}