Javascript 如何使用angularjs ngTable添加列分隔符

Javascript 如何使用angularjs ngTable添加列分隔符,javascript,html,angularjs,ngtable,Javascript,Html,Angularjs,Ngtable,我在AngularJS应用程序中使用“ngTable”组件()来显示表格数据。它的使用比ngGrid简单一点,我不喜欢ngGrid如何配置表(我特别不喜欢将表头字符串放在javascript中,而不是放在HTML中) 尽管ngTable工作得很好,但它的可配置性似乎存在一些限制。例如,我只想在标题和单元格中添加列分隔符。在HTML中引用ngTable的方式是,不指定表头元素,只指定单元格。我想我可以在“td”元素上添加一个类来为单元格添加分隔符,但这不会影响标题 有人知道怎么做吗?你可以用CSS

我在AngularJS应用程序中使用“ngTable”组件()来显示表格数据。它的使用比ngGrid简单一点,我不喜欢ngGrid如何配置表(我特别不喜欢将表头字符串放在javascript中,而不是放在HTML中)

尽管ngTable工作得很好,但它的可配置性似乎存在一些限制。例如,我只想在标题和单元格中添加列分隔符。在HTML中引用ngTable的方式是,不指定表头元素,只指定单元格。我想我可以在“td”元素上添加一个类来为单元格添加分隔符,但这不会影响标题


有人知道怎么做吗?

你可以用CSS来做

table.ng-table thead th:not(:first-child) {
  border-left: 1px solid red;
}

table.ng-table thead th:not(:last-child) {
  border-right: 1px solid red;
}

table.ng-table tbody td:not(:first-child) {
  border-left: 1px solid blue;
}

table.ng-table tbody td:not(:last-child) {
  border-right: 1px solid blue;
}
示例如下:

这种方法的唯一缺点是它在IE中不起作用