We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Is it possible to re-style a filter bar?

Thread ID:





130745 May 30,2017 05:20 PM UTC May 31,2017 05:01 AM UTC ASP.NET Core 1
Tags: Grid
R Brian Lindahl
Asked On May 30, 2017 05:20 PM UTC

Two things come to mind:
  1. I'd like to give the filter bar row a background color to distinguish it from the rest of the grid.
  2. If the column is wider than the filter <input>, the input is centered in the column. I'd like to be able to control it's alignment within the cell.

Saravanan Arunachalam [Syncfusion]
Replied On May 31, 2017 05:01 AM UTC

Hi Brian, 
Thanks for contacting Syncfusion’s support. 
We have analyzed your query, you can customize the filterbar row’s background color and control the filterbar’s input alignment by adjusting padding of the cell element. Please refer to the below style to achieve your requirement. 
<style type="text/css"> 
        .e-grid .e-filterbarcell{ 
            /*Set the background-color for the filterbar row*/ 
            background-color: antiquewhite; 
            /*adjust the alignment of input*/ 
            padding-left: 6px; 
            padding-right: 6px; 
And also refer the following kb to know more about to change the grid appearance. 
Saravanan A. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon