{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/javascript-data-grid/global-style/",
    "result": {"data":{"markdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Global Style refers to the overall design of the grid, which is controlled using CSS."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The grid's Global Style is highly customisable:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The first step is to select a "},{"type":"element","tagName":"a","properties":{"href":"/archive/28.2.1/themes/"},"children":[{"type":"text","value":"theme"}]},{"type":"text","value":" from one of our provided themes."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Next you can "},{"type":"element","tagName":"a","properties":{"href":"/archive/28.2.1/global-style-customisation/"},"children":[{"type":"text","value":"apply customisations"}]},{"type":"text","value":" to the theme using CSS variables and rules."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"If you are using Sass, check out the "},{"type":"element","tagName":"a","properties":{"href":"/archive/28.2.1/global-style-customisation-sass/"},"children":[{"type":"text","value":"Sass API"}]},{"type":"text","value":" which provides additional validation."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Alternatively if you want to change the appearance of individual columns, headers or cells then consider using "},{"type":"element","tagName":"a","properties":{"href":"/archive/28.2.1/row-styles/"},"children":[{"type":"text","value":"row styles"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"/archive/28.2.1/cell-styles/"},"children":[{"type":"text","value":"cell styles"}]},{"type":"text","value":" or "},{"type":"element","tagName":"a","properties":{"href":"/archive/28.2.1/component-types/"},"children":[{"type":"text","value":"custom renderers"}]},{"type":"text","value":"."}]}],"data":{"quirksMode":false}},"frontmatter":{"title":"Global Styling","version":null,"enterprise":null,"description":null},"headings":[]}},"pageContext":{"frameworks":["javascript","angular","react","vue"],"framework":"javascript","srcPath":"/global-style","pageName":"global-style"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}