Javascript 从默认ng栅格angularjs中删除列分隔符

我正在使用默认的ui网格，现在我想从网格中删除列分隔符行（两列之间用于分隔的行）。正如您在plunkr中看到的，姓名和性别由一条细灰线分隔。我检查了各种解决方案，但我无法移除该分离器。我需要在列之间留一个空格，而不是分隔符，这是我的代码。我怎样才能做到这一点

---

})

您可以使用

columnDefs

和

cellClass

JS Snip：

   columnDefs: [
      { name: 'name', width: '30%', cellClass: 'noborder' },
      { name: 'gender', width: '20%', cellClass: 'noborder' },
      { name: 'age', width: '20%', cellClass: 'noborder' },
      { name: 'company', width: '25%', cellClass: 'noborder' },
      { name: 'state', width: '35%', cellClass: 'noborder' },
      { name: 'balance', width: '25%', cellClass: 'noborder', cellFilter: 'currency' }
    ],

CSS:

---

您可以使用

headerClass

或

headerCellTemplate

对标题行执行几乎相同的操作。无法理解您的需要，请使用哪一列分隔符？我指的是两列之间用于分隔的行。这是在plunkr中可以看到的列分隔符，名称和性别由一条浅灰色的细线分隔，用于headerClass:“NoOrder”不起作用。。。它仍然显示标题周围的边框尝试使用

headerCellTemplate

并将

noborder

类添加到单元格模板中

   columnDefs: [
      { name: 'name', width: '30%', cellClass: 'noborder' },
      { name: 'gender', width: '20%', cellClass: 'noborder' },
      { name: 'age', width: '20%', cellClass: 'noborder' },
      { name: 'company', width: '25%', cellClass: 'noborder' },
      { name: 'state', width: '35%', cellClass: 'noborder' },
      { name: 'balance', width: '25%', cellClass: 'noborder', cellFilter: 'currency' }
    ],

.noborder {
  border: none;
}