列不改变颜色 - Bootstrap 问题？

Answer 1

您实质上所做的是将背景颜色应用于表格。为了查看背景颜色，请确保正确关闭表格标签并可能填充一些数据。

 <div class="table-responsive">
  <button id="exportButton" class="btn btn-primary">Button</button>
  <table class="table table-bordered table-hover custom-table">
      <thead class="thead-light">
              <tr>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
                  <th class="text-truncate">#1</th>
              </tr>
      </thead>
      <tbody>
        <td>This is a test.</td>
      </tbody>
  </table>
</div>