Table

Data tables for displaying structured tabular information.

Table

Name Email 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>