css - DataTables 列标题都挤在第一列

Question

我正在尝试渲染一个简单的 DataTable 网格，但我遇到了一个奇怪的行为。列标题看起来都挤在第一列上。

我知道这是因为某些样式被应用于类 workspace-table 因为当我删除与该类相关的所有样式时问题就消失了。 (我继承了样式，但不太了解 css)。

有人能告诉我哪种风格打破了这个吗？我已尝试删除个别类或样式，但我没有看到问题所在。

fiddle!

样式:

.workspace-table{
  width: 80%;
  margin-left: 20px;
  border: 2px solid #C0C0C0;
  width: 80%;
  font-size: 11px;
}
.workspace-table .column-resize-icon{
  float: right;
  color: gray;
  margin-right: -4px;
}
.workspace-table .table-desc-width{
  width: 288px !important;
}
.workspace-table .table-dollar-format{
  float: right;
  padding-right: 10px;
}

.workspace-table thead/*.headerText*/{
  color: white;
  display: inline;
  float: left;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 5px;
  text-align: left !important;
  text-decoration: underline;
}
.workspace-table tr {
    border: 2px solid #C0C0C0;
}
.workspace-table th {
  border-right: 2px solid;
  background: #969696;
}
.workspace-table th .fa-sort{
  color: grey;
}
.workspace-table th .fa-sort-up{
  color: white;
}
.workspace-table th .fa-sort-down{
  color: white;
}
.workspace-table .border-right .fa{
  display: table-cell !important;
}
.workspace-table .border-right{
  border-right: 2px solid white;
}

.workspace-table > thead > tr > th, .workspace-table > tbody > tr > th, 
.workspace-table > tfoot > tr > th, .workspace-table > thead > tr > td, 
.workspace-table > tbody > tr > td, .workspace-table > tfoot > tr > td {
    padding: 5px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.workspace-table .negative {
  color: red;
}

提前致谢!

Answer 1

我从 .workspace-table thead 中删除了 display:inliine 和 float:left。

看起来有人注释掉了 CSS 选择器的一部分，这可能不是为 thead 元素本身设计的，但也许是它的子元素之一？

http://jsfiddle.net/S9QXY/

.workspace-table thead/*.headerText*/{
  color: white;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 5px;
  text-align: left !important;
  text-decoration: underline;
}