Table

DaisyUI

Table can be used to show a list of data in a table format.

Basic Table
NameJobFavorite Color
1Cy GandertonQuality Control SpecialistBlue
2Hart HagertyDesktop Support TechnicianPurple
3Brice SwyreTax AccountantRed
Zebra Table

Alternating row colors.

NameJobColor
1AliceEngineerBlue
2BobDesignerGreen
3CharlieManagerRed
Extra Small Table

Compact size for dense data.

NameJob
1AliceEngineer
2BobDesigner
Code Example
use rsxui::components::{Table, Size};
use rsx_macros::rsx;
let html = rsx! {
    <Table zebra={true} size={Size::Sm}>
        <thead>
            <tr><th>"Name"</th></tr>
        </thead>
        <tbody>
            <tr><td>"Alice"</td></tr>
        </tbody>
    </Table>
};