風格的劍道網格自定義樣式

Question

我想要刪除網格標題周圍的灰色邊框。如何才能做到這一點？ 這裏是小提琴鏈接：http://jsfiddle.net/tmLmk/7/

HTML代碼：

<div ng-controller="GridController">  
    <div kendo-grid k-options="options" k-data-source="sData"></div> 
</div> 

JS代碼：

angular.module('angular-kendo-example', ['kendo.directives']); 

function GridController($scope) { 
    $scope.options = { 
     sortable: true, 
     pageable: true, 
     columns: [{ 
      field: "column1", 
      title: "column 1", 
      width: "40px" 
     },{ 
      field: "column2", 
      title: "column 2", 
      width: "70px" 
     },{ 
      field: "column3", 
      title: "column 3", 
      width: "70px" 
     },{ 
      field: "column4", 
      title: "column 4", 
      width: "60px" 
     },{ 
      field: "column5", 
      title: "column 5", 
      width: "40px" 
     },{ 
      field: "column6", 
      title: "column 6", 
      width: "40px" 
     }], 

    }; 
    $scope.sData= [ 
     { column1: "column1 data", column2: "column2 data", column3: "column3 data", column4: "column4 data", column5: "column5 data", column6: "column6 data" }, { column1: "column1 data", column2: "column2 data", column3: "column3 data", column4: "column4 data", column5: "column5 data", column6: "column6 data" }, { column1: "column1 data", column2: "column2 data", column3: "column3 data", column4: "column4 data", column5: "column5 data", column6: "column6 data" } 
    ]; 
} 

感謝

Answer 1

如果你是沒事了CSS的解決方案，試試這個：

.k-grid-header table[role='grid']{ 
    border-spacing:0px; 
} 

讓我知道這是不是所需的結果。