title: Remove Column Separators from default ng grid angularjs
body: <p>I am using default ui-grid and now i want to remove column separator line (the line in between 2 columns for separation) from my grid. As You can see in plunkr, name and gender is separated by a thin grayish line. i have checked various solutions but i could not remove that separator. Instead of separator i need a space between columns here is my code. How can i achieve that... <a href="http://plnkr.co/edit/vXITsk?p=preview" rel="nofollow">Plunkr Source</a></p>
  
  <pre><code>$scope.gridOptions = {
  enableSorting: true,
  enableFiltering: true,
  showTreeExpandNoChildren: false,
  columnDefs: [
    { name: 'name', width: '30%' },
    { name: 'gender', width: '20%' },
    { name: 'age', width: '20%' },
    { name: 'company', width: '25%' },
    { name: 'state', width: '35%' },
    { name: 'balance', width: '25%', cellFilter: 'currency' }
  ],
  onRegisterApi: function( gridApi ) {
    $scope.gridApi = gridApi;
    $scope.gridApi.treeBase.on.rowExpanded($scope, function(row) {
      if( row.entity.$$hashKey === $scope.gridOptions.data[50].$$hashKey &amp;&amp; !$scope.nodeLoaded ) {
        $interval(function() {
          $scope.gridOptions.data.splice(51,0,
            {name: 'Dynamic 1', gender: 'female', age: 53, company: 'Griddable grids', balance: 38000, $$treeLevel: 1},
            {name: 'Dynamic 2', gender: 'male', age: 18, company: 'Griddable grids', balance: 29000, $$treeLevel: 1}
          );
          $scope.nodeLoaded = true;
        }, 2000, 1);
      }
    });
  }
  </code></pre>
  
  <p>};</p>