angular / angular/components

CDK Table: `cdk-thead` directive

Open
#12,402 7 comments 27 reactions 0 assignees View on GitHub
area: cdk/table feature needs: discussion P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Feature Request

#### What is the expected behavior?
CDK Tables - optional exposure of the ``/``/`` in the template via a `cdk-thead`/`cdk-tbody`/`cdk-tfoot` directive.

I would expect the something like the following template to be supported:

``` html


User name
{{row.username}}





```
[Expanded on from the template provided in the overview]

#### What is the current behavior?
The tags are not [documented as?] something that you can place inside the cdk-table template.

#### What are the steps to reproduce?
n/a

#### What is the use-case or motivation for changing an existing behavior?
CDK Tables are awesome for un-opinionated tables, especially given their easy integration with external CSS frameworks like bootstrap. Lack of access easy access to ``/``/`` in the template feels then like something of a gap given what CDK-tables seem to be trying to achieve, and its ability to support a CSS framework that applies classes to these tags.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
n/a

#### Is there anything else we should know?
n/a

Contributor guide

Open the contributing guide

Research direction

Start by reading the Angular CDK table implementation and its existing row and cell directives to understand how table sections are handled. Done means templates can optionally use cdk-thead, cdk-tbody, and cdk-tfoot around the relevant rows, including attributes and classes on those elements.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.