Question

I have a table in an app with data and the thead element in the table has a variable height depending on what user is logged in and using the application. So sometimes the thead element is narrow in height and sometimes it’s much taller. Note that there are only two heights that are possible.

I’d like to somehow use jquery to measure the height of the thead element and then add a class so it might come out like this:

Narrow:

<thead class="narrow">

Tall:

<thead class="tall">

I am not even sure if this is possible. Thanks.

Answer 1

It sounds like you’re looking for the height function

• http://api.jquery.com/height/

With that you can write code like the following

var t = $('thead');
t.addClass(t.height() > someValue ? "tall" : "narrow");