ag-grid-rs   ![Build Status] ![Latest Version] ![Downloads] ![Docs]

Rust bindings for the AG Grid JavaScript table library.

Usage

ag-grid-rs aims to follow the API of AG Grid in an unsurprising way, and generally makes use of the builder pattern for constructing the Rust structures.

An example using the Yew frontend framework is shown below.

```rust use aggridrs::{ gridoptions::{DataSourceBuilder, RowModelType}, ColumnDef, GridOptions, ToJsValue, }; use gloonet::http::Request; use serde::Deserialize; use wasmbindgen::JsCast; use web_sys::HtmlElement; use yew::prelude::*;

[function_component(About)]

pub fn about() -> Html { // Fire the hook just once on initial load useeffectwithdeps( || { // Get the element to which you want to attach the grid let griddiv = getelementbyid("grid-div"); // Define your columns let fieldnames = vec!["athlete", "age", "country", "year"]; let cols = fieldnames .iter() .map(|name| ColumnDef::new(name).sortable(true)) .collect();

        // Create your datasource, including a closure that will retunr rows from the
        // server
        let data_source = DataSourceBuilder::new(|params| async move {
            // `params` contains information from AG Grid about which rows to get, how to
            // sort the data, etc
            let data_url = "https://www.ag-grid.com/example-assets/olympic-winners.json";
            let rows = gloo_net::http::Request::get(data_url)
                .send()
                .await?
                .json::<Vec<JsonData>>()
                .await?;

            Ok((rows, None))
        })
        .build();

        let grid = GridOptions::<JsonData>::new()
            .column_defs(cols)
            .row_model_type(RowModelType::Infinite)
            .datasource(data_source)
            .build(grid_div);

        // `grid` now provides a handle to the grid and column APIs
        || ()
    },
    (),
);

html! {
    <>
        <div id="grid-div" class="ag-theme-alpine" style="height: 500px"/>
    </>
}

}

[derive(ToJsValue, Deserialize)]

struct JsonData { athlete: String, age: Option, country: String, year: usize, }

fn getelementbyid(id: &str) -> HtmlElement { websys::window() .expect("unable to get window object") .document() .expect("unable to get document object") .getelementbyid(id) .expect("unable to find grid-div") .dyninto::() .unwrap() } ```