如何使用引导程序创建无边框表

Question

我只是想简单地对齐一些文字和跨度。所以我做了一张桌子，以为我能以某种方式告诉代码不画任何线条。

这是我的示例表：

        <table class="table">
          <tbody id="checkbox_list">
        <tr  style='border:none' >
          <td  style='border:none' > Something <td>
          <td  style='border:none' > <span class="label label-default" style="background-color:#000000;width:35px;height:20px;display:inline-block;"><td>
        </tr>
        <tr  style='border:none' >
          <td  style='border:none' > Something <td>
          <td  style='border:none' > <span class="label label-default" style="background-color:#000000;width:35px;height:20px;display:inline-block;"><td>
        </tr>           
          </tbody>
        </table>

这就是它给我看的

无论如何，除了黑匣子，我还能摆脱那些讨厌的线条？

Answer 1

Bootstrap正在表格中添加一些边框。将其添加到您的自定义CSS：

<强> CSS

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border: none;
}

<强> DEMO HERE

  

这个CSS必须感知bootstrap css

Answer 2

试试这个：

org.testng.TestListenerAdapter

Demo

Answer 3

请尝试以下操作： Demo

.table.no-border tr td, .table.no-border tr th {
  border-width: 0;
}

HTML：

<table class="table no-border">
          <tbody id="checkbox_list">
        <tr>
          <td> ... <td>
          <td > ... <td>
        </tr>
        <tr>
          <td >  .. <td>
          <td > .. <td>
        </tr>           
          </tbody>
        </table>

Answer 4

正确关闭td。使用以下CSS来解决您的问题。

.table tr, .table td {
    border: none;
}