button - Set width in Bootstrap td -
i have table , want make dots-button cell's width equal button width. how can make possible? , make entire cell no border , no background color, don't know how can. think there's bootstrap class interfering.
<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>
to set dots-button cell's width equal button width, remove class
pull-right
lasttd
.to make entire cell no border , no background color write in css:
td{ text-align:center; border:none!important; background:transparent; color:#fff; } table{ background:transparent!important; }
if want remove borders th cells too, apply same css too.
here working example.
Comments
Post a Comment