Question

我有这张桌子，我想让点按钮单元格的宽度等于按钮宽度。我怎样才能成功呢？而且我也会让整个单元格没有边框而没有背景颜色，但我不知道我怎么做。我认为Bootstrap类会干扰。

<div class="col-md-12 column table-responsive" id="tablaPagos" style="padding-right:0;">
    <table class="table table-bordered table-hover" id="tabla_cobros_programados">
        <thead class="thead-gray">
            <tr>
                <th class="col-md-2 text-center">
                    Fecha
                </th>
                <th class="col-md-3 text-center">
                    Concepto
                </th>
                <th class="col-md-3 text-center">
                    Monto
                </th>
                <th class="col-md-3 text-center">
                    Detalle
                </th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <p class="text-center">22/08/2016</p>
                </td>
                <td>
                    <p class="text-center">Fotocopias<p></p>
                </td>
                <td>
                    <p class="text-center">1800</p>
                </td>
                <td>
                    <p class="text-center">1000 fotocopias</p>
                </td>
                <td class="pull-right">
                    <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Answer 1

要将点按钮单元格的宽度设置为等于按钮宽度，请从上一个pull-right中删除类td。

要使整个单元格没有边框而没有背景颜色写入css：

 td{
  text-align:center;
  border:none!important;
  background:transparent;
  color:#fff;
 }

 table{
  background:transparent!important;
 }

如果你想从th单元格中删除边框，也可以为它添加相同的css。

以下是example。

在Bootstrap td中设置宽度

1 个答案: