Unbound template column with image

[Pratura]

Hi,

I have an unbound column in the grid:

 <e-column header-text="" text-align="Center" template="<div class='report' />" width="45"></e-column>

The report class is this:

.report {

background: url('../Images/buttons.png') no-repeat;

    overflow: hidden;    

    border: none;

    background-position: -10px -523px;

    width: 20px;

    height: 20px;  

}

It's a sprite image.

How can i center the image in a column?

Please see the attached image where the image is always left aligned.

Attachment: image_f10283b0.7z

[Farveen Sulthana Thameeztheen Basha]

Hi Pratura, 

Thanks for contacting Syncfusion Support. 

We have checked your query and we are unable to reproduce your reported problem while placing sprite images in the Grid. Please refer to the sample :- 

http://jsplayground.syncfusion.com/ypvk5jog 

We need some additional information to find the cause of the issue. Please share us the following details. 

1. Have you customize the image or else adding anyother css property for the image. 

2. Complete Grid code example(both in server and client side). 

3. Screenshot/Video demo to replicate your issue. 

4. If possible provide an issue reproducing sample or replicate the issue in the above sample and revert us back. 

The provided information will be helpful for us to provide you response as early as possible.