Stellen Sie die Breite in Bootstrap td

Question

Ich habe diese Tabelle und ich möchte die Breite der Dots-Button-Zelle gleich der Breite der Schaltfläche machen. Wie kann ich es möglich machen? Und ich würde auch die ganze Zelle ohne Rand und ohne Hintergrundfarbe machen, aber ich weiß nicht, wie ich das kann. Ich denke, es gibt eine Bootstrap-Klasse, die sich einmischt.

<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. auf die Punkte-Knopfzelle der Breite gleich den Knopfes Breite eingestellt, entfernt Klasse pull-right vom letzten td.

2. Um die gesamte Zelle ohne Grenze zu machen und keine Hintergrundfarbe Schreib in CSS:

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

Wenn Sie Grenzen von Th-Zellen entfernen möchten, nur gleiche CSS gelten auch für die.

Hier funktioniert example.