angular / angular/components

feat(MatPaginator): Allow custom content in paginator

未关闭
#22,611 4 条评论 5 个 reaction 已指派 0 人 在 GitHub 查看
area: material/paginator feature P3
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

Hey there,

#### Feature Description

Add a ng-content tag in the left part of the paginator for custom content. Users could then add additional information like this:

```

Stuff displayed on the left side!

```

#### Use Case

The paginator, depending on the use case, can get quite wide. All controls are aligned to the right side. On the left side, there is a lot of space, which might be used for other information. E.g, imagine a table that lets the user select rows. In the bottom left, one could show the number of selected items - something like this:

![image](https://user-images.githubusercontent.com/39462297/116786103-49392000-aa9d-11eb-9299-10946dc9fdcf.png)

贡献指南

打开贡献指南

调研方向

从 MatPaginator 组件的入口点开始,检查其模板如何布局左侧和右侧区域。使用 issue 中的示例作为使用目标,添加对左侧投影自定义内容的支持,并验证现有的分页器控件仍然在右侧对齐。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
功能
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
48/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。