样式
Vue原生网格的剑道UI使您能够对其列、行和单元格设置样式。
列
要设置网格列的样式，可以执行以下操作:
添加自定义单元格
添加自定义细胞的Grid列允许您根据提供的值更改该单元格的外观。通过使用自定义单元格方法，您可以在单元格中包含图标、按钮、链接或任何其他HTML元素。
例子
查看源代码
改变主题:
添加自定义标头单元格
添加自定义headerCell的列标题允许您更改外观，并在该标题中包含图标、按钮、链接或任何其他HTML元素。
例子
查看源代码
改变主题:
添加类名
的类名称属性将附加类应用到道明元素，并可用于样式化背景、文本颜色、文本对齐和Grid的其他样式选项。
｛场：“ProductName”，标题：“产品名称”，类名称：“产品名称”｝，.product-name｛颜色：# F0FFFF；背景颜色：# 888888；｝
例子
查看源代码
改变主题:
行
要设置网格的行样式，请使用rowRender函数。rowRender允许您根据提供的值修改行的外观。
例子
查看源代码
改变主题:
单个元素
您可以使用CSS单独设置Grid元素的样式。
Grid提供了多个可以单独设置样式的元素。在将样式选项应用到所需的元素之前，请检查元素并使用优先级更高的选择器。
过滤器的图标
下面的示例演示如何样式化Grid中过滤器图标的外观。
.k-dropdown-wrap > .k-select > .k-i-filter｛颜色：白色｝排序图标
下面的示例演示如何样式化Grid中排序升序图标的外观。
.k-header > .k-link > .k-i-sort-asc-sm｛颜色：红色的｝页码
下面的示例演示如何样式化Grid中的页码的外观。
.k-page -numbers .k-link， .k-page -numbers .k-link:链接｛颜色：黑色的；｝有条件的样式
您可以使用Grid的自定义单元格方法根据条件和提供的值更改单元格的外观。
例子
查看源代码
改变主题:
