Spreadsheet Unselected Cell Class

3 posts, 1 answers
  1. Marc
    Marc avatar
    165 posts
    Member since:
    Sep 2016

    Posted 11 Jan Link to this post

    Hi, can you tell me the class used to apply the background colour and font colour to the normal (unselected) spreadsheet cells?



  2. Answer
    Dimiter Topalov
    Dimiter Topalov avatar
    633 posts

    Posted 13 Jan Link to this post

    Hello Marc,

    The Spreadsheet cells DOM elements have class "k-spreadsheet-cell", and their style can be manipulated via CSS using this selector:


    However most of the styles are inherited from other ancestor elements like "div.k-widget.k-spreadsheet" and "div.k-spreadsheet-view".

    You can use the browser's developer tools console to get the cells via jQuery (e.g. $('.k-spreadsheet-cell');) and inspect the cells with the elements inspector to see the full list of styles, and where they are coming from.

    Dimiter Topalov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Marc
    Marc avatar
    165 posts
    Member since:
    Sep 2016

    Posted 13 Jan in reply to Dimiter Topalov Link to this post

    Hi Dimiter

    Thanks for the very detailed reply! I am changing the background colour of a cell if a certain condition is met, but the user can change things, which mean I need to revert the background colour of the cell. 

    This class worked perfectly - thank you!

Back to Top