剑道网格样式，如 HTML 表格

【问题标题】：Kendo Grid Style like HTML table剑道网格样式，如 HTML 表格
【发布时间】：2022-01-27 02:03:36
【问题描述】：

我有两个网格，一个是基本的 html 表格，另一个是剑道网格。我试图让剑道网格看起来像 html 表。有没有办法绕过剑道风格并使用我设置的表格风格？

#resultTable th {
    cursor:pointer;
}

#resultTable .table th, #resultTable .table td {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #484848;
}

#resultTable td > a {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #2D4B69;
}

演示 https://jsfiddle.net/tjmcdevitt/pqda6v1y/13/

【问题讨论】：

标签： css bootstrap-4 kendo-ui kendo-grid

【解决方案1】：

是的，您可以使两个表格看起来一样，但您需要对 CSS 进行大量更改。将下面的示例 CSS 添加到您的代码中。这应该会告诉您从哪里开始。

.k-grid-content .k-alt {
   background-color: transparent;
}

.k-grid-content .k-alt:hover {
   background-color: transparent;
}

.k-grid td,
.k-grid-header th.k-header,
div.k-grid-header,
.k-grid-header-wrap,
.k-widget {
  border-style: none;
}

使用上面的 CSS，您的 Kendo 网格正在看起来像您的第一个表格。我希望您明白您需要进行更多 CSS 更改，但这应该可以帮助您开始。

【讨论】：