Skip to main content

dioxus_bulma/components/
table.rs

1use dioxus::prelude::*;
2use crate::theme::BulmaSize;
3use crate::utils::build_class;
4
5#[derive(Props, Clone, PartialEq)]
6pub struct TableProps {
7    #[props(default)]
8    pub bordered: Option<bool>,
9    #[props(default)]
10    pub striped: Option<bool>,
11    #[props(default)]
12    pub narrow: Option<bool>,
13    #[props(default)]
14    pub hoverable: Option<bool>,
15    #[props(default)]
16    pub fullwidth: Option<bool>,
17    #[props(default)]
18    pub size: Option<BulmaSize>,
19    #[props(default)]
20    pub id: Option<String>,
21    #[props(default)]
22    pub class: Option<String>,
23    #[props(default)]
24    pub style: Option<String>,
25    pub children: Element,
26}
27
28#[component]
29pub fn Table(props: TableProps) -> Element {
30    let bordered = props.bordered.unwrap_or(false);
31    let striped = props.striped.unwrap_or(false);
32    let narrow = props.narrow.unwrap_or(false);
33    let hoverable = props.hoverable.unwrap_or(false);
34    let fullwidth = props.fullwidth.unwrap_or(false);
35    let size = props.size.unwrap_or_default();
36    
37    let base_classes = vec!["table"];
38    let optional_classes = vec![
39        if bordered { Some("is-bordered".to_string()) } else { None },
40        if striped { Some("is-striped".to_string()) } else { None },
41        if narrow { Some("is-narrow".to_string()) } else { None },
42        if hoverable { Some("is-hoverable".to_string()) } else { None },
43        if fullwidth { Some("is-fullwidth".to_string()) } else { None },
44        if size != BulmaSize::Normal { Some(size.as_class().to_string()) } else { None },
45        props.class.clone(),
46    ];
47    
48    let final_class = build_class(&base_classes, &optional_classes);
49    let table_style = props.style.as_deref().unwrap_or("");
50
51    rsx! {
52        table {
53            class: "{final_class}",
54            style: "{table_style}",
55            id: props.id.clone(),
56            {props.children}
57        }
58    }
59}
60
61#[derive(Props, Clone, PartialEq)]
62pub struct TableContainerProps {
63    #[props(default)]
64    pub id: Option<String>,
65    #[props(default)]
66    pub class: Option<String>,
67    #[props(default)]
68    pub style: Option<String>,
69    pub children: Element,
70}
71
72#[component]
73pub fn TableContainer(props: TableContainerProps) -> Element {
74    let base_classes = vec!["table-container"];
75    let optional_classes = vec![props.class.clone()];
76    let final_class = build_class(&base_classes, &optional_classes);
77    let style = props.style.as_deref().unwrap_or("");
78
79    rsx! {
80        div {
81            class: "{final_class}",
82            style: "{style}",
83            {props.children}
84        }
85    }
86}