如何为Angular Material表格应用密度?查询相关mixin
Angular Material密度混入相关问题解答
一、所有密度混入的获取位置
Angular Material的所有密度相关混入都定义在其SCSS核心模块中,你可以在项目依赖的node_modules/@angular/material/core/路径下找到_density.scss文件,里面包含了所有支持密度调整的组件对应的混入定义,覆盖表单字段、表格、按钮等各类组件。
二、表格对应的密度混入
Angular Material表格专用的密度混入为table-density(),它接受一个密度等级参数(通常为负数,数值越小,表格布局越紧凑),用法示例如下:
@include table-density(-4);
额外提示
如果需要全局统一调整所有支持密度特性的组件,可使用全局密度混入core-density(),传入指定的密度等级即可自动应用到所有兼容组件:
@include core-density(-2);
内容的提问来源于stack exchange,提问作者abdella
相关产品推荐
相关产品推荐

