{"componentChunkName":"component---src-templates-doc-page-jsx","path":"/angular/component-types/","result":{"data":{"markdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The full list of component types you can provide in ag-Grid are as follows:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-cell-renderer/"},"children":[{"type":"text","value":"Cell Renderer"}]},{"type":"text","value":": To customises the contents of a cell."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-cell-editor/"},"children":[{"type":"text","value":"Cell Editor"}]},{"type":"text","value":": To customises editing of a cell."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-date/"},"children":[{"type":"text","value":"Date Component"}]},{"type":"text","value":": To customise the date selection component in the date filter."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-filter/"},"children":[{"type":"text","value":"Filter Component"}]},{"type":"text","value":": For custom column filter that appears inside the column menu."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-floating-filter/"},"children":[{"type":"text","value":"Floating Filter"}]},{"type":"text","value":": For custom column filter that appears inside the column menu."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-header/"},"children":[{"type":"text","value":"Header Component"}]},{"type":"text","value":": To customise the header of a column and column groups."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-loading-cell-renderer/"},"children":[{"type":"text","value":"Loading Cell Renderer"}]},{"type":"text","value":": To customise the loading cell row when using Server Side row model."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-overlay/"},"children":[{"type":"text","value":"Overlay Component"}]},{"type":"text","value":": To customise loading and no rows overlay components."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-status-bar/"},"children":[{"type":"text","value":"Status Bar Component"}]},{"type":"text","value":": For custom status bar components."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-tool-panel/"},"children":[{"type":"text","value":"Tool Panel Component"}]},{"type":"text","value":": For custom tool panel components."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"../component-tooltip/"},"children":[{"type":"text","value":"Tooltip Component"}]},{"type":"text","value":": For custom cell tooltip components."}]},{"type":"text","value":"\n"}]}],"data":{"quirksMode":false}},"frontmatter":{"title":"Component Types","enterprise":null},"headings":[]}},"pageContext":{"frameworks":["javascript","angular","react","vue"],"framework":"angular","srcPath":"/component-types"}},"staticQueryHashes":["1669547773","2635156907","4171589011"]}