Установить ширину в 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; 
   } 
   

Если вы хотите, чтобы удалить границы из-й клетки тоже просто применить то же CSS для этого тоже.

Работает example.