{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/react-data-grid/column-api/",
    "result": {"data":{"markdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Below are listed all the column API methods."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"column-keys","style":"position:relative;"},"children":[{"type":"text","value":"Column Keys"},{"type":"element","tagName":"a","properties":{"href":"#column-keys","ariaLabel":"column keys permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Some of the API methods take Column Key (named "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"colKey"}]},{"type":"text","value":") which has type "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Column | string"}]},{"type":"text","value":". This means you can pass either a "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Column"}]},{"type":"text","value":" object (that you receive from calling one of the other methods) or you pass in the Column ID (which is a "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"string"}]},{"type":"text","value":"). The Column ID is a property of the column definition. If you do not provide the Column ID, the grid will create one for you (first by trying to use the field if it is unique, otherwise it will generate an ID)."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"api-documentation","properties":{"source":"api.json","config":"{\"isApi\": true}"},"children":[]}]}],"data":{"quirksMode":false}},"frontmatter":{"title":"Column API","version":null,"enterprise":null,"sideMenu":null,"description":null},"headings":[{"id":"column-keys","depth":2,"value":"Column Keys"}]}},"pageContext":{"frameworks":["javascript","react","angular","vue"],"framework":"react","srcPath":"/column-api","pageName":"column-api"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}