Kendo ui 如何更改剑道网格的背景色

我创建了一个剑道网格。剑道网格使用默认的白色或米白色。我想将整个背景区域白色e更改为透明。我尝试了很多方法，但没有得到实际结果。如果有人知道，请回复我。谢谢你需要覆盖以下样式：

<style>  
/* Grid header */
#grid .k-grouping-header, #grid .k-grid-header {
  background: transparent;
}

/* Grid content */
#grid.k-grid, #grid.k-grid div.k-grid-content {
  background: transparent;
}
#grid.k-grid tr.k-alt {
  background: transparent;
}  

/* Grid footer */
#grid .k-pager-wrap, #grid .k-pager-wrap .k-pager-numbers, #grid .k-pager-wrap .k-dropdown-wrap {
  background: transparent;
}
</style>

/*网格头*/
#grid.k-grouping-header，#grid.k-grid-header{
背景：透明；
}
/*网格内容*/
#grid.k-grid，#grid.k-grid div.k-grid-content{
背景：透明；
}
#grid.k-grid tr.k-alt{
背景：透明；
}  
/*网格页脚*/
#grid.k-pager-wrap，#grid.k-pager-wrap.k-pager-number，#grid.k-pager-wrap.k-dropdown-wrap{
背景：透明；
}

---

工作示例：

我试过了，但页眉和页脚仍然是白色背景。在整个剑道网格上，它不是完全有效的，只需更改行背景即可。@FarazSaleem我已经更新了答案，将页眉和页脚也包括在内。