Adjust table dynamically until fixed size

i have a basic table

<table id="table" data-search="true" data-show-columns="true" data-pagination="true" data-height="250">
...
</table>

when we put a value for height, table seem to take this space as if there is only element…

Is it possible to take all the height only when there are enough element in the table?

[sqiva]

@fanshaoer

http://jsfiddle.net/dndph7c3/1/

You can dynamically set the height using that function. You can check if the height is greater using get height or count the data and dynamically set the height.

[nysmoon]

@xyluet here is your updated fiddle http://jsfiddle.net/dhvddove/1/

Adding these CSS styles solved it:

.fixed-table-container {
	border: none;
	height: auto !important;
}

.fixed-table-body {
	max-height: 400px; 
}