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

我想隐藏剑道网格中的分组缩进，以确保我的列有更多空间，但是我无法获得正确的CSS。我尝试使用缩进类，隐藏一些空格，填充，但没有任何工作。感谢在剑道分组单元格之前隐藏缩进

2015-09-06 Aviator

请与下面的代码片段尝试。

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

让我知道是否有任何问题。

来源

2015-09-07 08:59:27

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

回答

相关问题