{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/react-data-grid/client-side-model/",
    "result": {"data":{"markdownRemark":{"htmlAst":{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Client-Side Data means all of the data you want to show is loaded inside the data grid in one go. The data is provided to the grid using the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"rowData"}]},{"type":"text","value":" attribute in a list."}]},{"type":"element","tagName":"snippet","properties":{},"children":[{"type":"text","value":"\nconst gridOptions = {\n    rowData: getListOfRowData()\n}\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There are four Row Models in the grid, of which the Client-Side Row Model is one. The Client-Side Row Model is the one that uses the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"rowData"}]},{"type":"text","value":" attribute."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The remaining three Row Models are "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.1.0/row-models/"},"children":[{"type":"text","value":"Server-Side Row Models"}]},{"type":"text","value":" that can be used where data is mostly kept on the server and loaded into the grid in parts."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This section of the documentation describes how to work with data when using the Client-Side Row Model."}]}]},"frontmatter":{"title":"Client-Side Data","version":null,"enterprise":null,"description":null},"headings":[]}},"pageContext":{"frameworks":["javascript","react","angular","vue"],"framework":"react","srcPath":"/client-side-model","pageName":"client-side-model"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}