Struct yew_utils::components::table::Table

pub struct Table;

Table component around html tables.

Example:

use yew_utils::components::table::Table;
use yew_utils::vdom::*;
use yew::prelude::*;

let columns = Children::new(
    ["col1", "col2"].map(|ea| text(ea).to_vnode()).to_vec(),
);

let data = 0..5;
let rows = data
    .into_iter()
    .map(|data| {
        tr().key(data.to_string())
            .append_all([
                td().text(data.to_string()),
                td().text(format!("{data} (col2)")),
            ])
            .to_vnode()
    })
    .collect::<Vec<_>>();

let table = Table::render(columns, yew::Children::new(rows));

Implementations

impl Table

pub fn render(columns: Children, rows: Children) -> Html

Trait Implementations

impl Component for Table

type Message = ()

Messages are used to make Components dynamic and interactive. Simple Component’s can declare their Message type to be (). Complex Component’s commonly use an enum to declare multiple Message types.

type Properties = TableProps

The Component’s properties.

fn create(_ctx: &Context<Self>) -> Self

Called when component is created.

fn view(&self, ctx: &Context<Self>) -> Html

Components define their visual layout using a JSX-style syntax through the use of the html! procedural macro. The full guide to using the macro can be found in Yew’s documentation.

fn update(&mut self, ctx: &Context<Self>, msg: Self::Message) -> bool

Called when a new message is sent to the component via it’s scope.

fn changed(&mut self, ctx: &Context<Self>) -> bool

Called when properties passed to the component change

fn rendered(&mut self, ctx: &Context<Self>, first_render: bool)

The rendered method is called after each time a Component is rendered but before the browser updates the page.

fn destroy(&mut self, ctx: &Context<Self>)

Called right before a Component is unmounted.