table-rs 0.0.5

📋 A highly customizable table component for WASM frameworks like Yew, Dioxus, and Leptos.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

use crate::dioxus::types::TableClasses;
use crate::dioxus::types::TableTexts;
use dioxus::prelude::*;

#[component]
pub fn PaginationControls(
    page: Signal<usize>,
    total_pages: usize,
    classes: TableClasses,
    texts: TableTexts,
) -> Element {
    let on_prev = move |_| {
        if page() > 0 {
            page.set(page() - 1);
        }
    };

    let on_next = move |_| {
        if page() + 1 < total_pages {
            page.set(page() + 1);
        }
    };

    rsx! {
        div { class: classes.pagination,
            button {
                class: classes.pagination_button,
                onclick: on_prev,
                disabled: page() == 0,
                "{texts.previous_button}"
            }
            span {
                {
                    texts.page_indicator
                        .replace("{current}", &(page() + 1).to_string())
                        .replace("{total}", &total_pages.to_string())
                }
            }
            button {
                class: classes.pagination_button,
                onclick: on_next,
                disabled: page() + 1 >= total_pages,
                "{texts.next_button}"
            }
        }
    }
}