SlickGrid row height based on CSS rule

Currently I am setting the height of the rows in SlickGrid trough options programatically:

var options = {
    rowHeight: 30
};

Is there any way I could do it trough CSS rule without modifying slick-grid default implementation?

I am asking this becaous I wan't to set row height based on CSS Media Queries.

My initial idea was to read CSS property programatically (something like this) and set readen value like that:

var options = {
    rowHeight: readRowHeightCSSValue()
};

...but I am not sure whether this is best idea.

Answers


Just set the row height based on the width of the window.

rowHeight: $(window).width() < 1024 ? 30 : 15

Need Your Help

How can I avoid global state?

testing state global global-state

So, I was reading the Google testing blog, and it says that global state is bad and makes it hard to write tests. I believe it--my code is difficult to test right now. So how do I avoid global st...

CSS min-height not working on mozilla firefox

css

I created a div tag with min-height and gave background color 'red'. but on mozilla firefox the height of the div not increasing when the content crosses min-height limit. heres my code: &lt;style

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.