PrimeNG 中带有样式的 Turbo 表答案

【问题标题】：Turbo table in PrimeNG with stylingPrimeNG 中带有样式的 Turbo 表
【发布时间】：2018-06-22 10:19:12
【问题描述】：

我正在使用 turbo 表来显示数据。但我没有得到表格的边框。我从 CLI 安装 PrimeNG 并在 angular-cli.json 的样式部分中导入主题。

【问题讨论】：

能否提供更多信息或代码sn-p？

【解决方案1】：

您需要确保以下内容存在：

在您的 index.html 文件中，以下链接引用：

<link rel="stylesheet" type="text/html" href="/node_modules/primeicons/primeicons.css" />

<link rel="stylesheet" type="text/html" href="/node_modules/primeng/resources/themes/redmond/theme.css" />

<link rel="stylesheet" type="text/html" href="/node_modules/primeng/resources/primeng.min.css" />

然后确保 styles.css 具有正确的主题导入，例如：

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

还要确保在您的 package.json 中存在依赖项：

"primeicons": "^1.0.0-beta.6",
"primeng": "^6.0.0-beta.1"

【讨论】：