gpt4 book ai didi

javascript - 在剑道分组单元格之前隐藏缩进

转载 作者:行者123 更新时间:2023-11-30 00:23:10 25 4
gpt4 key购买 nike

我试图在剑道网格中隐藏分组缩进以确保我的列有更多空间,但我无法获得正确的 CSS。我尝试使用缩进类,隐藏一些空格,填充,但没有任何效果。谢谢

Example

最佳答案

请尝试使用以下代码片段。

<style>
.k-group-cell {
display: none;
}
</style>

演示。

<head>
<base href="http://demos.telerik.com/kendo-ui/dropdownlist/angular">
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<title></title>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.2.805/styles/kendo.common.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.2.805/styles/kendo.default.min.css" />

<script src="//kendo.cdn.telerik.com/2015.2.805/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2015.2.805/js/angular.min.js"></script>
<script src="//kendo.cdn.telerik.com/2015.2.805/js/kendo.all.min.js"></script>
</head>
<body>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
dataSource: {
data: [{ FirstName: "FirstName1", LastName: "LastName1" },
{ FirstName: "FirstName1", LastName: "LastName2" },
{ FirstName: "FirstName3", LastName: "LastName3" },
{ FirstName: "FirstName1", LastName: "LastName4" }],
group: { field: "FirstName" } // set grouping for the dataSource
},
groupable: false, // this will remove the group bar
sortable: true,
columns: [{
field: "FirstName",
width: 150
}, {
field: "LastName",
width: 150
}]
});
</script>
<style>
.k-group-cell {
display: none;
}
</style>
</body>
</html>

如有任何疑问,请告诉我。

关于javascript - 在剑道分组单元格之前隐藏缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32425297/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com