datatable修改表格边框颜色和bootstrap panel颜色一致

可以通过CSS样式来实现将Datatable表格边框颜色和Bootstrap面板颜色统一的效果。

首先，可以使用以下样式将Datatable表格边框颜色设置为与Bootstrap面板颜色相同：

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing {
  color: #333;
}

.dataTables_wrapper {
  border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
  border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #337ab7;
  border: 1px solid #337ab7;
  color: #fff;
}

然后，将Bootstrap面板的背景色应用到Datatable表格中，可以使用以下样式：

.panel-primary > .panel-heading {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

这样就可以将Datatable表格边框颜色和Bootstrap面板颜色统一了。