【问题标题】:kendo UI grid angularkendo UI grid angular
【发布时间】:2018-07-08 10:42:33
【问题描述】:

是否可以在使用 KendoUI GRID 时自定义主题。需要诸如悬停在行上、多列上的默认排序和其他一些功能等功能。剑道网格是否支持这种自定义?如果是,是否有一些文档?

【问题讨论】:

标签: css angular kendo-grid


【解决方案1】:

我认为您可以通过 jQuery 向 KendoUI GRID 添加悬停和其他事件。 只需选择特定的行:

$(".k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover").mouseenter

行有默认排序。这是关于 KendoUI 网格及其事件的完整 documentation。这是默认的sorting 您可以为grid 宽度特定类制作自定义模板。 并且您可以使用column commands 来处理点击事件。

【讨论】:

  • 谢谢!但是您共享的文档都与 jquery 有关,我正在使用 angular。我是前端开发新手,能否分享一些类似的 Angular 示例?
【解决方案2】:

您可以直接在 CSS 中覆盖内置样式,也可以使用任何其他可用的方法来自定义主题,如 DOCS 中所述:

Customizing themes

如果您选择 CSS 选项,您可以定位悬停的 Grid 行并自定义它们的外观,如下所示:

encapsulation: ViewEncapsulation.None,
styles: [`
  .k-grid .k-grid-table tr:hover {
    background-color: red;
    color: white;
  }
`]

PLUNKER

可以通过向 Grid 配置提供相应的排序描述符(通过 sort 属性)来定义单列或多列的默认排序:

DOCS

【讨论】:

  • 太完美了!
  • 太完美了!另外,我需要您对剑道 UI 网格的意见。我们可以完全定制它吗?例如,我需要默认基于多列对列进行排序,我需要在使用日期过滤时删除漏斗图像等。我们可以实现这一切吗?
猜你喜欢
  • 2022-01-20
  • 2018-07-29
  • 2017-07-23
  • 2018-03-08
  • 2018-03-12
  • 2017-08-14
  • 1970-01-01
  • 1970-01-01
  • 2022-12-15
相关资源
最近更新 更多