{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/react-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/29.3.5/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/29.3.5/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/29.3.5/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/29.3.5/row-styles/"},"children":[{"type":"text","value":"row styles"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/cell-styles/"},"children":[{"type":"text","value":"cell styles"}]},{"type":"text","value":" or "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/component-types/"},"children":[{"type":"text","value":"custom renderers"}]},{"type":"text","value":"."}]}],"data":{"quirksMode":false}},"frontmatter":{"title":"Global Styling","version":null,"enterprise":null,"sideMenu":null,"description":null},"headings":[]}},"pageContext":{"frameworks":["javascript","react","angular","vue"],"framework":"react","srcPath":"/global-style","pageName":"global-style"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}