You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.24 03:47:00