剑道网格样式，如 HTML 表

Question

我有两个网格，一个是基本的 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/

Answer 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，您的剑道网格正在看起来像您的第一张桌子。 我希望你明白你需要做更多的 CSS 更改，但这应该让你开始。