在Bootstrap td中设置宽度

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

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

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

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

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

以下是example。