在 kendo 分组单元格之前隐藏缩进

Question

我试图在 kendo 网格中隐藏分组缩进以确保我的列更多 space，但我无法获得正确的 css。我尝试使用缩进类、隐藏一些 space、填充，但没有任何效果。谢谢

Answer 1

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

<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>

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

在 kendo 分组单元格之前隐藏缩进

Hide indent before kendo grouping cell

javascript

css

telerik

kendo-ui

kendo-grid