This is a migrated thread and some comments may be shown as answers.

how to set row background color in Grid and hide row values

1 Answer 206 Views
Grid
This is a migrated thread and some comments may be shown as answers.
shankar parshimoni
Top achievements
Rank 1
shankar parshimoni asked on 04 Dec 2012, 07:25 AM
Hi,
I have grid with 21 rows.my  requirement is to set some of  rows background color is Light Green(like 1,5,13 rows) and at the same time hide row values i.e i wanted to display rows with color and no data(plain row)..here is the code snifet...is this possible to achieve.please help out me

$("#gridSellIn").kendoGrid({
                                width: 1500,
                                dataSource: data.d,
                                resizable: true,
                                selectable: true,                                
                                rowTemplate: kendo.template($("#SellInrowTemplate").html()),
                                height: 500,
                                columns: [
                                                { title: 'RevProduct Name', field: 'ProductName', width: '22%', sortable: true },
                                                { title: 'Actuals MTD', field: 'MTDActual', width: '8%', sortable: true },
                                              
                                          ]
                            }); 

Thanks,
parsanamoni

1 Answer, 1 is accepted

Sort by
0
Nikolay Rusev
Telerik team
answered on 04 Dec 2012, 08:33 AM
Hello parsanamoni,

Here is one possible way to implement this using the index of the item: http://jsbin.com/ekoreg/1

Regards,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
shankar parshimoni
Top achievements
Rank 1
Answers by
Nikolay Rusev
Telerik team
Share this question
or