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

标签 javascript css kendo-ui telerik kendo-grid

我试图在剑道网格中隐藏分组缩进以确保我的列有更多空间,但我无法获得正确的 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/

相关文章:

css - 使垂直的 Wordpress 导航栏子菜单水平

css - 如何在剑道 ui 网格中显示长单元格值的省略号?

javascript - 如何在内联编辑时根据其值禁用 Kendo UI 网格中的单元格?

css - angularjs 已加载,但未调用

javascript - 如何使用 jQuery 检查元素是否可见?

javascript - 变量为空 - javascript

javascript - 此代码平稳运行了大约 50 秒,然后开始发送垃圾邮件 ERR_INSUFFICIENT_RESOURCES

javascript - 如何用 JavaScript 打开电子邮件

javascript - 旋转后如何获得元素(DIV)的原始位置?

javascript - 如何在 Google Cloud Function 中获取原始请求正文?