How to remove margin from GridView cell using CSS in ASP.Net

Hi nedash,

You need to assign your own cell margin in your gridview using inline css.

see below is cell's code:

<asp:TemplateField ItemStyle-Width="91px" ItemStyle-VerticalAlign="Middle" >
       <ItemTemplate>                          
              <div id="DviewM">
  
              </div>
              <div id="DviewM1">

              </div>
        </ItemTemplate>
</asp:TemplateField>

and css

#DviewM 
{
    float:right;
    width:100px;
    height:55px;
    background-color:#989896;
} 

#DviewM1 
{
    float:right;
    width:100px;
    height:32px;
    background-color:#fcb906;
}

and result is below image:

as you see I point with red arrow it put margin for cell right left button top I want it doesn't have any margin

Hi nedash,

Please use below css code.

CSS

<style type="text/css">
    #DviewM
    {
        width: 100%;
        height: 55px;
        background-color: #989896;
    }
  
    #DviewM1
    {
        width: 100%;
        height: 32px;
        background-color: #fcb906;
    }
        
    table th, table td
    {
        padding: 1px !important;
        border-color: #ccc;
    }
</style>