Table
Data tables for displaying structured tabular information.
Table
| Name | Role | |
|---|---|---|
| John Doe | john@example.com | Admin |
| Jane Smith | jane@example.com | Editor |
| Bob Wilson | bob@example.com | Viewer |
@{
var columns = new List<(string Name, string DisplayName)>()
{
("Name", "Name"),
("Email", "Email"),
("Role", "Role"),
};
var tableData = new List<object>()
{
new { Name = "John Doe", Email = "john@example.com", Role = "Admin" },
new { Name = "Jane Smith", Email = "jane@example.com", Role = "Editor" },
new { Name = "Bob Wilson", Email = "bob@example.com", Role = "Viewer" },
};
}
<pines-table table-id="demo-table" column-config="columns" data="tableData"></pines-table>