I have a requirement where i have created a table and inside row of table created another table.
Requirement is to not to increase the height of the inner table whenever new elements are added inside the inner table, rather it has to display the scrollbar when new data is added inside the inner table (with class=newTable) and inner table height seems to increase. Please suggest how to dynamically show the scrollbar inside the inner table (class=newTable) whenever more data is added inside the table and table height seems to increase. Thanks.

--EDIT--

Please find the fiddle <http://jsfiddle.net/7t9qkLc0/4/> .
how can i hide the scrollbar icon if the data is limited in the table and show the scrollbar only if data is more and table height seems to increase.
I tried using css `overflow:hidden` but that didn't gave the result.