TableCells

dioxus_tabular

Function TableCells 

Source 
pub fn TableCells<C: Columns<R>, R: Row>(_: TableCellsProps<C, R>) -> Element
Expand description

Renders table cells for a single row across all visible columns.

This component iterates through the columns and renders each cell for the given row. It automatically handles column reordering and visibility.

§Props

  • row: A row from iterating over data.rows()
  • Additional HTML attributes can be spread onto each <td> element

§Example

rsx! {
    table {
        tbody {
            for row in data.rows() {
                tr {
                    key: "{row.key()}",
                    // Renders all cells for this row
                    TableCells { row }
                }
            }
        }
    }
}

§With Custom Attributes

rsx! {
    for row in data.rows() {
        tr {
            key: "{row.key()}",
            TableCells {
                row,
                class: "data-cell",
                style: "padding: 8px;"
            }
        }
    }
}

§Props

For details, see the props struct definition.