使用內建主題為 Angular 資料格設計樣式

套用預先定義的資料格樣式以符合您的 Angular 應用程式,減少自訂 CSS 的需求。

使用內建主題為 Angular 資料格設計樣式

Angular 資料格元件中的內建主題提供現成的標題、儲存格、邊框、選取狀態及其他介面元素樣式。開發人員可以套用一致的外觀,而無需逐一為每個元素設計樣式,降低 CSS 工作量並簡化維護。Material、Bootstrap 及 Fluent 等主題選項協助資料格符合應用程式的現有設計,而淺色與深色變體則支援不同的觀看偏好。

多個 Angular 資料格元件提供內建主題,包括:

  • DevExtreme Angular Data Grid(DevExpress 提供)可套用 Generic、Material 及 Fluent 主題,含預定義顏色、淺色與深色樣式及緊湊變體。
  • Kendo UI Angular Grid(Telerik 提供)可透過主題套件與樣式表使用內建的 Default、Bootstrap、Material 及 Fluent 主題。
  • Handsontable(Handsoncode 提供)提供內建的 Main、Horizon 及 Classic 主題,皆有淺色與深色模式,並提供 CSS 變數及主題 API 用於自訂資料格外觀。
  • Wijmo Angular DataGrid (FlexGrid)(MESCIUS 提供)含有預定義 CSS 主題,可用於設計標題、儲存格、邊框與選取狀態,並以基於 Sass 的自訂功能打造應用程式專屬設計。
  • Highcharts Grid Pro提供內建預設主題,支援淺色及深色樣式,並包含 CSS 變數以自訂資料格的色彩、字型、邊框及互動元素。

欲深入分析功能與價格,請參閱我們的 Angular 資料格控制項比較。

比較 Angular Grids