EasyUI 樣式與功能分離：極不推薦，請直接覆寫 CSS 或選用純 CSS 框架

直接回答

非常麻煩、極不推薦、維護成本極高。EasyUI 的樣式與行為（JS 事件、數據綁定、渲染邏輯）深度耦合，剝離功能保留樣式幾乎等於重寫組件庫。

為何難以分離？

• 初始化即綁定：$('#dg').datagrid() 瞬間將原生 <table> 替換為複雜 DOM 結構，並綁定滾動、排序、編輯等大量事件。
• CSS 類名依賴 JS 生成：如 .datagrid-row-selected、.datagrid-header-check 皆由 JS 動態增刪，純 CSS 無法觸發。
• 主題機制綁定圖片 Sprite：圖標、箭頭、載入動畫皆在 JS 中計算背景位置，脫離 JS 圖標全掛。

可行替代方案

方案一：覆寫 CSS 微調外觀（最省力）

/* 只改顏色、字體、間距，不動結構 */
.datagrid-header { background: #2c3e50; color: #fff; }
.datagrid-row-alt { background: #f8f9fa; }
.datagrid-cell { padding: 8px 12px; font-size: 14px; }

方案二：棄用 EasyUI，改用純 CSS 表格框架

方案三：自建組件庫（長期專案）

• 基於 Web Components 或 Vue/React 封裝 <my-datagrid>。
• 樣式用 CSS Variables + Shadow DOM 隔離。
• 功能邏輯與樣式完全分離，按需引入。

總結

**「想要 EasyUI 樣式不要功能」是偽需求**。要麼接受其全套（含功能），要麼換純 CSS/現代組件庫。強行剝離只會產生無法維護的「殭屍代碼」。