Jsgrid Alternate Row Color

=MOD(ROW(A2),3). Paul Sandler: My alternating row colors get messed up when sorting. change row,cell color by cell values i've tried setCell on one cell, example jQuery('#list'). Hover Effects: Free jqGrid gives you the ability to use hovering effects for rows and the cells on the grid. We are using APEX 5. Here's how you can do that in Excel 2007. Select OK when you're finished to return to the New Formatting Rule dialog box. Looking at the code below, I want to color each row yellow, or red if EXCEPTION_. As for the Alternating Row Style - ASP. Now, to change the background color of alternate row, follow the steps given below. To set the background color of the alternating rows, the demo uses the background option of the cell. Please suggest a solution to this. setCell('1','1','',{'background-color': jqgrid changing row colors, adding images to cells, add classes - jQuery Forum. I am facing a problem while setting alternate rows color in cross tab column. When you create a table in Excel for the web, by default, every other row in the table is shaded. net list view (web application) ajax is not working in cellselect in jqgrid how many ways we can change the color in rows and columns alternatively in gridview using asp. Report Layout Tools Context Tab Set -> Format Context Tab -> Background Group -> Alternate Row Color -> No Color Andrey V Artemyev | Saint-Petersburg, Russia Russian blog artemyev. jQuery UI Widgets › Forums › Grid › Alternate row color Tagged: grid , jquery grid alternating rows , jqwidgets grid alternating row This topic contains 4 replies, has 3 voices, and was last updated by hendra1 4 years, 9 months ago. To do that: Select any cell in the table. NET / HTML, CSS and JavaScript / Fuel UX Grid - alternating row color Fuel UX Grid - alternating row color RSS 1 reply. This is often referred to as color banding and means that every second row should be filled with a specified color. Net ListView Control. Prop1 Value1 Prop2. Is that true? Meanwhile, I've done something like: For i As Integer = 0 To ListBox1. Alternate row background color by DynV » Sun May 20, 2012 10:19 am I've searched multiple times and with breaks in between and just can't seem to find how to made rows alternate background colors. This is useful when you want to format a specific range of cells, and you want the additional benefits that you get with a table, such the ability to quickly display total rows or header rows in which filter drop-down lists automatically appear. Alternating disks You have a row of 2n disks of two colors, n dark and n light. In most cases, if you can dream it up, I can make it a reality for your custom strap. Hi Everyone, I have a list in the report. In Excel, to color every other row may be easier for most of us, but, have you ever tried to color the rows alternately based on a column value changes - Column A as following screenshot shown, in this article, I will talk about how to alternate row color based on group in Excel. Forum Thread - Grid control Alternate Row color - WPF. Some days ago I had the requirement to show alternate row colors in a break. Well, if you can live with the constraints of not actually doing any HTML modifications to the view, Notes/Domino R6 has built-in support for alternate row colors that also works in the browser. Colmenu with actions New New Using condensed table class New Save and load jqGrid State New Dynamic Localization New Frozen Columns Right-To-Left (RTL) Support Customize Footer Cell formatters (built-in) Cell formatters (custom) Column Reordering Context Menu for Rows Toolbar Settings Custom Toolbar Button Group Column Headers Show Row Numbers. Note that praesent and libero have swapped colors based on the visible. Re: Alternate Row colors in Pivot table OP requires that the rows in columns 'Technology', 'Ratings' and 'Percent' are coloured alternatively. Her career is a storybook tale of vision and resilience; grounded in a resolute belief that fashion should instill confidence and. Alternating Rows. Focus On BI: Alternate row color in crosstab. The expression 3-B2 implements this alternating behavior: 3-1 is 2 and 3-2 is 1. Keep the difference between the two colors to a minimum to preserve a gentle feeling. Universal SubscriptionOur Best Value - includes over 600 UI Controls, our award-winning reporting platform, DevExpress Dashboard, the eXpressApp Framework, CodeRush for Visual Studio and more. The following example shows how to set alternating row background colors on the DataGrid. Color Alternating Rows The demo on how to color the alternating rows of an exported Grid to Excel uses the background option of the cell to set the background color of the alternating rows. weandthecolor. Net along with the flexibility of classic ASP. We use cookies for various purposes including analytics. Always use safety belts and the correct child restraints for your childs age and size; Battery. — Brookmark on 05/13/2019. The alternate color is defined in Grid. Modern support is good for all browsers except for IE8 and below which is now generally less than 1% of the market and so you can easily provide them with a visually readable alternative. If you are then please use the correct names for things in future because the DataGrid and the DataGridView are two different things. Alternating Row Color. Choose Gray from the list of available Named Colors and click OK. You can use the tr:nth-child pseudo element to alternate row background colors. Else select the entire spreadsheet by pressing Ctrl + A on your keyboard. How can I apply this colors from C# code behind ? Could you please help me to sort out this problem. This function will give you the ability to alternate the rows in the table with 2 colors, so if you have a report with a LOT of lines it will be much easier to read. When working with datasets with many rows, alternating the background color of each row can increase readability. Alternating Row Colors is a tutorial by Akash Goel for PHP coders. Under "Format cells if", find and select "Custom formula is". All you're really doing is adding 6 lines of code to your query. setCell('1','1','',{'background-color': jqgrid changing row colors, adding images to cells, add classes - jQuery Forum. When printing a report, shading every other line of the detail section can make it much easier to read. Need some stripes in your knit-work? Judy's going to lend you her expertise and show you how to make stripes of two rows. The jqGrid plugin also sets some default values that control aspects of the grid, such as alternating row colors and what is displayed while an AJAX call is in progress. The first grid. I s there any way I can Alternate the row colours to different colours? this is of course for easier reading of each row of data. Enabled property to true, and then specify the desired style settings via the Styles. css we can achieve this. This is especially useful when we have a verticall scrolling grid and we use form editing with navigation buttons (next or previous row). Just follow her guidelines for stitching and you should have no problems knitting stripes in your future projects. anyone have an idea on how to change a specific row's color?. That is, if a value in row A changes, the row color shall alternate in say white and grey. Hence it would not be possible to have different row colors for different columns out of the box. Exercise 3 - In the above code make changes such that all row colors will be normal ( But with header row in brown background and white text). For example, the table below has a light gray background for the even rows and white for the odd ones. Please note that sometimes colors in the images might vary depending on monitors although I do my best to photograph the yarns accurately. However we have a number of reports where the data row end up being in a group footer. now possible solution is below but it is giving one extra line below table. so I see the rows of the table with a single color, the one defined by. i tried thid code for row select. To make the row colors appear when printing, you'll need to set your browser to include those row colors. However, you can add other contextual classes to the table rows and add more colors. For example, I do a monthly rent roll for a Lender that has 235 rows. How to enable alternate row coloring as Green with background color as Grey? I have tried the same through option Format table -> appearance->frequency set -2, color : Green. Select the data you want to Format. OK, I Understand. Multiple of A Number 'n' You can change colour of every 3rd element or nth element too :. jqgrid css cell background-color devexpress of VGridControl Cell background color of the custom 2010-10-18 The following figure shows the comparison based on the current value of the maximum and minimum change the background color of a Cell instance. To apply color to alternate columns, type this formula: =MOD(COLUMN(),2)=0. Change the color of a row based on several conditions; How to change a row color based on a number in a single cell. As they suggested i placed the rectangle in the page footer and set the. remove() method to remove or delete table rows as well as all everything inside it from the DOM dynamically with jQuery. Please suggest a solution to this. I am outputting a jqGrid and need to alternate row colors but rather than the common every-other-row, I need to alternate every-two-rows. Give CSS to odd rows of a table or even rows of a table using CSS. whenever i want to change the background color of a specific row , i have to change to color of whole grid(by looping through grid length) , or if i set class for a specific row e. How to set Alternate row Background color for Listbox in Asp. There are many methods to set alternate row color for jqgrid. In this tutorial, learn how to highlight alternate table row color using CSS. Alter Table Row Background Colors Using JavaScript Many sites that present tabular data use alternating background colors to increase the readability of that data. But it will. The jqGrid plugin also sets some default values that control aspects of the grid, such as alternating row colors and what is displayed while an AJAX call is in progress. But the script just works for. Join a community of over 2. There are 2 ways of doing this on Excel for Mac. Another issue is that the column header cells also gets the red background on hover as well which I do not want. To enhance readability, you can highlight alternating (odd) grid rows with a different style. This is also sometimes refer to as zebra effect. If you wish to color every Alternate Row in your data with conditional formatting (without using) macro, follow the below quick process:- 1. Considering all of these, I need to indicate to the user that specific cells are desactivated and so not clickable. Right now the row gets highlighted on hovering but I also want the row to be highlighted with a different color after it has been selected. css({"background-color":" lightgray"});. In Details, Choose Color Tab(in the right pane) Choose the X-2 button to edit the formula to bring alternate row colourings. I have added some custom css class to create beautiful grid listing. Alternate Row Colors/Color Banding Now that Excel has Conditional Formatting (since Excel 97) we can use it to create an alternate row color for a table of data. That said, if you style all of the cells of a particular row using the event mentioned above on each of the columns in your grid, you can essentially style the entire row. css file to add alternating row colors to my inbox? I have found a few themes with this feature but really would rather have it be theme-independent so I can use different themes or the default theme. Alternating disks You have a row of 2n disks of two colors, n dark and n light. CSS Table Alternate row coloring. The old way of doing this was via classes on the table rows like odd row and even row. Demo : Alternate row colors using jquery. New here? Start with our free trials. Even and odd rules. weandthecolor. You want to make your SQL Server Reporting Services (SSRS) Tablix's and Matrix's more attractive by configuring an alternative row background color. Please share me which style i should add into my page or any jquery. SfDataGrid allows you to customize the rows for which the alternate row color needs to be updated based on the property SfDataGrid. With ExcelWriter there are multiple ways to accomplish this. So if you divide the row number by 2 and the remainder is 0 then the row number is an even number. jQuery UI Widgets › Forums › Grid › Alternate row color Tagged: grid , jquery grid alternating rows , jqwidgets grid alternating row This topic contains 4 replies, has 3 voices, and was last updated by hendra1 4 years, 9 months ago. Alternating row colors is a very common user interface pattern, the most used example is the playlist in Apple iTunes. You can use the BackColor, BackColor2, and BackGradientStyle properties off WinGrid's™ RowAlternateAppearance object to create unique gradients to style the alternating rows. Navigate to the list columns body style for the list. Granted, there are a lot of overly-bloated WordPress sites, which use twenty libraries for unnecessary special effects and where every. That said, if you style all of the cells of a particular row using the event mentioned above on each of the columns in your grid, you can essentially style the entire row. I’m trying to use light_forger’s example of setting the state of a dynamic panel based on a property in my repeater but I can’t seem to get it to work. Please suggest a solution to this. 말 그대로 그리드 로드가 모두 종료된 후에 적용될 이벤트를 등록하는 옵션이다. active to the alternate rows of the table. I've read somewhere to simply a table of two rows, color as I want and than add the new format butit doesn't work! Depending on how I color the rows (the bucket fill tool or through table properties) I get all rows of the same color of the first or second row. highlight alternate rows on the DBGrid. Macro To Color Alternating Rows Apr 13, 2009. I am using WEBI 4. How to set alternate row coloring to ext js tree grid If this is your first visit, you may have to register before you can post. Makes the information much easier to scan/read. If you want to apply greyish or other colors to the alternate table rows. You want to make your SQL Server Reporting Services (SSRS) Tablix's and Matrix's more attractive by configuring an alternative row background color. Currently, my table produces rows that are the same background color. or according to the given condition. This is often referred to as color banding and means that every second row should be filled with a specified color. Status: Active » Closed (won't fix) This version of Views Bonus Pack is not supported anymore. For this we can use two css classes with different background colors or inline styles. The alternate background color comes from the current ThemeRoller theme. A lot of us are familiar with the popular method for using conditional formatting to alternate the row color: =MOD(ROW(),2)=0 However, I recently decided that I wanted to alternate the row color based on the group identified in a single column. The rows in the table have rows with alternate colors. Actually, this works with any knitting task requiring over 2 rows, where you want to change the colors of your yarn. That is, if a value in row A changes, the row color shall alternate in say white and grey. 0 theme for Thunderbird and loved how the alternating rows worked when browsing email messages. This is often referred to as color banding and means that every second row should be filled with a specified color. Bootstrap is very popular css framework. When printing a report, shading every other line of the detail section can make it much easier to read. 利用jqGrid实现类似Excel录入功能. Re: [Orgmode] Alternate Table Row Colors, Carsten Dominik, 2009/06/18 Re: [Orgmode] Alternate Table Row Colors , Xin Shi , 2009/06/18 Prev by Date: [Orgmode] Alternate Table Row Colors. When it comes to a long table, we always find it pretty tiresome to stare at those numbers and try so hard not to make a mistake. Can someone help me to achieve alternate row coloring in outlook - html? Thanks, Rakul. For a full list of jqGrid’s default options, please visit jqGrid’s Wiki page. Post subject: Re: Alternate row colors and Sum columns Yes, you actually can do alternate fill colors on the sum column. It contains synchronous and alternate strobe. This LED Light Bar different sizes are composed of different modules and each module has 5 This Remote Control Super Single Row Slim Strobe LED light bars are popular with people, it's elegant and durable attract more and there are many strobe modes and used for emergency. Specifies whether to color alternate rows. I am generating the report in the table format using the organize as table option. For example, the table below has a light gray background for the even rows and white for the odd ones. The table below lists the main properties that affect element functionality. This tutorial explains how you can alternate row colors in Excel to automatically highlight every other row or column in your worksheets. This Page Contains information about How To Make Table With Alternating Color Change Colors Each Row By wallpaperama in category Snippets with 0 Replies. With that index you can set the ListViewItem’s Background color based on a modulus of 2. I’ll explain the last method in this post. Reply; Cancel; 5739. The following illustration shows how this code looks when it runs. The tr:nth-child pseudo element is not supported by Internet Explorer. How to set alternate row coloring to ext js tree grid If this is your first visit, you may have to register before you can post. This example create an awesome and enhanced UI of jQgrid table grid. asColorPicker-trigger,. Search Windows Server. You can apply background, borders or any other CSS to alternate table rows using the method given here. " By default, many browsers do not include background color when printing. One aspect of Excel tables I like is the alternate row coloring. Please can you investigate and tell me how this can be fixed. I'll cover the following topics in the code samples below: ASP. Viewing 7 posts - 1 through 7 (of 7 total) Author Posts September 20, 2013 at 12:55 am #150670 mattiafrigeriParticipant Hi guys, do you have any idea for alternating tables row background colors?. NET discussion for users new to coding in ASP. Here are the steps, Here are the steps, Open Visual Studio, then create a New Project,. Insta-Trim ® Trim Tabs are designed to adjust for these changing conditions and provide lift in order to give you the best possible running attitude for your motor boat. Alternating Table Row Colors with ASP. ) because the readers attention is called to the colored (shaded) rows. var qsProxy = {}; function FrameBuilder(formId,appendTo,initialHeight,iframeCode,title,embedStyleJSON){this. on the rows of an ItemsControl in alternating fashion. To see the example, refer to the project on coloring alternating rows. Please can you investigate and tell me how this can be fixed. You can go to debug mode to get the Object Id from your table and set the even and the odd colors like in the example. Alternating Data Row. 5002 -> Alternate row. I think it is easier just to build your own grid table. Any suggestions on how to fix this problem? I suggest you implement the alternate row colors using CSS, just like they are already done with the Runo theme (but I guess the default alternating color is too light, right?). The rowOrder must be "odd" or "even". The poster of the question wants to implement alternate row coloring on his grouped ListView. jsgrid-filter-row. Rob is right. I would like to change the row color for all rows that have a true value for the IsPaid Field. my-row-custom-class td:nth-child (2) { background: red; } set padding of td to 0 and render wrapping div with a background color with itemTemplate Pretty sure there are much more alternatives. Now we will add a ListBox to the Application and it will look as following: Now let's add some sample data to the ListBox. Re-useable code and components, just copy and paste into a form, add two lines of codeand it works. (click on the leftmost numbers 1, 3, 5 to select the whole row. However, you can add other contextual classes to the table rows and add more colors. If you are not able to view the Video then that means you don’t have ACCESS to YOUTUBE. Repeat step 5 for all columns in the view so you can get the whole row underlined in the respective color. What do you need to create an alternating row class functionality? The. By adding a new CSS class to jqgrid. In other words, Row 0 has a white background, Row 1 has a gray background, Row 2 has a white background, Row 3 has a gray background, etc… I know that you can set cell styles, but I also have the same question as the orginal post — can the alternating row colors be set without a lot of. jsgrid-filter-row. jQGrid and MVC 3 with Custom Paging and Custom Search Filters. That is, all the row of fields that make up the output of the report are in the group footer section, not the detail section. Right now the row gets highlighted on hovering but I also want the row to be highlighted with a different color after it has been selected. This tutorial help to create beautiful UI of jQgrid using some custom css. EvenRow and GridView. You can adjust the colors as well as how many rows to include before alternating (band size) and at what level in your table the banding should be applied. How I can achieve this with LaTeX? And yes, I could put macros \odd and \even into each row, but in that case I would have to change all following rows, if I input later another row into the table. GitHub is home to over 40 million developers working together to host and review code, manage. Repeat step 5 for all columns in the view so you can get the whole row underlined in the respective color. wrote: I am able to set the alternate row color using AlternatingRowsDefaultCellStyle. Net Jul 20, 2015. When you create a table in Excel for the web, by default, every other row in the table is shaded. With that index you can set the ListViewItem’s Background color based on a modulus of 2. If you are not able to view the Video then that means you don’t have ACCESS to YOUTUBE. I would like a new background-color: If I don't disable the background-image then the alternate row background-color doesn't apply at all. On the Home tab, in the Styles group, click Conditional Formatting. Is there any propertie in the newer dbgrid (delphi versions) to get automated alternate row colors? I use to add a piece of code in the OnDrawColumnCell event to compare RecNo, if odd, I paints row with another color. Actually, this works with any knitting task requiring over 2 rows, where you want to change the colors of your yarn. This held true until the SharePoint modern UI was introduced. Row 1: Red. only two options in the dropdown one is. Repeat step 5 for all columns in the view so you can get the whole row underlined in the respective color. Do you want to control the color of the cities or have them automatically selected, which could be interesting if you have a lot of cities. In tree the coloring always starts from beginning, so it can lead to break down the N repeater (e. Exercise 3 - How do you change the alternate color from lightblue to some other color. On navigating to a hidden row, the grid scrolls so that the selected row becomes visible. Show OriginalTranslating. To change the strokes and fills of individual cells or header/footer cells, use the Cell Options. To see the example, refer to the project on coloring alternating rows. Select the complete row as shown below and select Expression in the Backgroundcolor property. Sold as one individual necklace. -Thnx -----ASP. Alternating Table Row Colors with ASP. shirleyxls Re: Shade alternate filtered rows Hi and welcome to the forum. But highlighting columns has always been a little trickier, because there is no single HTML element that is parent to table cells in a column. Row Two = one Color 2 triangle, one Color 1 square, one Color 2 square. setCell('1','1','',{'background-color': jqgrid changing row colors, adding images to cells, add classes - jQuery Forum. Most of the time while developing reports people wonder how to have alternating row colors in the report like below. Anyway, thanks for the post, because cycle is perfect for what I wanted to do!. Let us suppose that you want to have a zebra like grid (alternate rows have different colors) and want that all you grids have this options set to true. css we can achieve this. At the end I attach the attributes to the row by using e. For example, I do a monthly rent roll for a Lender that has 235 rows. Hi, I have Used Template Columns in my data grid with each column has its own custom data template with two text boxes. If you are using a CR version prior to 2008 then you can set up a counter formula in the background colour of the summarized cells and base the color on the counter value. net web application Set cursor position in the child of an editable div (row three) when a user press enter in row one with javascript How Do I Alternate The Color Of Details And Groups Of Crystal Report. In other words, Row 0 has a white background, Row 1 has a gray background, Row 2 has a white background, Row 3 has a gray background, etc… I know that you can set cell styles, but I also have the same question as the orginal post — can the alternating row colors be set without a lot of. In this example we take advantage of AppearanceSettings. However, you can add other contextual classes to the table rows and add more colors. Ability to display alternate row colors within a gallery Submitted by ZachyV on ‎06-20-2018 09:21 AM One cool thing is include the ability to produce alternate colors on rows within a gallery to give more life to the UI. because sometimes you want to apply the formatting based on a particular dimension and not just a simple odd / even row number. We can use altRow and altClass property in jqgrid for achieving this. css by GxColorAlternate. The reason for this is that custom formatters are evaluated too early and table rows are still not available. Afternoon all How do I set up an automatic colour conditional formatting for alternating blocks of rows? At present I manually colour format to highlight rows of data so that one weeks data (typically anything between 0-4) rows is different from the previous. Alternate Subform/Datasheet row colors is a tutorial which deals with how to alternate the colors of the datasheet and the subforms. jqgrid option to show query. Transparent. If you have a large number of rows in a worksheet, especially if those rows span many columns, you may find it useful to color alternate rows or alternate groups of rows with another color. Select 'Use a formula to determine. Looking at the code below, I want to color each row yellow, or red if EXCEPTION_. We'll do this by focusing on DBGrid, which provides a great user interface tool for displaying data. There is a simple way to this and we will see how. Granted, there are a lot of overly-bloated WordPress sites, which use twenty libraries for unnecessary special effects and where every. NET Forums / General ASP. Alternating row colors in the Nuxeo content view table Hello I am using nuxeo 5. 5 ListView Control. You may have to register or Login before you can post: click the register link above to proceed. 1 Alternating Row color. change row,cell color by cell values i've tried setCell on one cell, example jQuery('#list'). But if there are alternate color of GridView rows then it is required. Her career is a storybook tale of vision and resilience; grounded in a resolute belief that fashion should instill confidence and. Hello, I have created a Views-Table which displays information from various terms. 5 SP1? Here is a smaller but pretty nice feature for you ItemsControl fans: alternating rows. This is applied to the cells in the alternating rows. Alternating Row Colors is a tutorial by Akash Goel for PHP coders. 2 SP3 I Have a simple tabuler webi report, in this report I want to show alternate row color for after every two rows, for e. Reply; Cancel; 5739. Click OK and close the editor. i changed the fill color to acheive this. As for the Alternating Row Style - ASP. We can use altRow and altClass property in jqgrid for achieving this. Join a community of over 2. In this example we take advantage of Alternate Row Background ("altRows"=>true) to toggle whether we like to see odd/even rows with different background or not. The 3 best ways to add alternate row colors to data in Excel; this includes how to add it to existing data as well as how to have alternating row color automatically fill-in when data is being. Adding alternate colors to rows in Google Sheets. This enables you use style characteristics like foreground color and font, in addition to background color, to differentiate alternating rows. // color second cell in the particular row. I thought there was a tag I could ad to the table row (specifically in the list template for a web app) that would alternate the class or something so I could change the color in CSS. To enhance readability, you can highlight alternating (odd) grid rows with a different style. But it's very old. By default on mouse over and on select of a row, I am getting background color as yellow only for even numbered rows not for odd numbered rows. Hello, I have created a Views-Table which displays information from various terms. I'll cover the following topics in the code samples below: ASP. Alternating backgroundcolor in tablix for rows of a group Posted on June 5, 2009 Author Kasper 15 I think all business users want to see alternating colors in on rows from your tablix. jsGrid is a lightweight client-side data grid control. The first column in my table is a group number, and all rows with the same group number should have the same background. 6m developers to have your questions answered on radgrid alternate row color style of UI for ASP. CSS for alternate color rows (Zebra Stripe) Making table have alternate color rows is quite simple with the CSS nth-of-type selector. Here's an example of how I want it to look: But I want the styles to be fully dynamic, so that I can modify cell values and add/remove rows and the styles will update themselves. People have been wondering how to do basic things such as having alternating row colors in a SharePoint modern view using JSON. Row Three = one Color 2 triangle, one Color 1 square. How to change the color of a row in a GridView in ASP. So far I've noticed this is only a feature of this theme. Re: Alternate row color for table question. Currently, my table produces rows that are the same background color. 利用jqGrid实现类似Excel录入功能. This tutorial help to create beautiful UI of jQgrid using some custom css. Row Two = one Color 2 triangle, one Color 1 square, one Color 2 square. As they suggested i placed the rectangle in the page footer and set the. Features an adjustable clasp closure. However, setting alternate colors in SSRS is not a click of a button configuration like in the Microsoft Excel. so i dont want to use this. By default on mouse over and on select of a row, I am getting background color as yellow only for even numbered rows not for odd numbered rows. Vamshi, Go to Format > Shading and configure your alternating colors in the "Row Banding" and "Column Banding" sections. every second row in the HTML table should be light gray. initialHeight=initialHeight;this. Repeat step 5 for all columns in the view so you can get the whole row underlined in the respective color. If you are not able to view the Video then that means you don’t have ACCESS to YOUTUBE. I am trying to display a mysql query recordset/result. Documentation. The problem I'm having is this. add custom background color to individual grid row If this is your first visit, you may have to register before you can post. For a grid the CSS classes you need to alter are x-grid-row & x-grid-row-alt. Give CSS to odd rows of a table or even rows of a table using CSS. Navigate to the list columns body style for the list.