0

"min-height" of the main container in gentelella have some issues as mentioned in this post: https://github.com/puikinsh/gentelella/issues/499

So I try to work over a workaround to solve this problem that you can see on the pic: enter image description here

as you can see the table is rendered over the main container. This problem seems to comes due a wrong "min-height" setted for the main conteiner. This could be even due my dynamic inizialization of the table on the script of the page.

For solving this I've tried to add this code to my page:

 $(document).ready(function(e) {
    $('#tabS').DataTable();        

   $('#mainshop').css({'min-height': (($('#mainshop').outerHeight()))});
});

But this one is almost the same "min-heght" setted by the gentelella it self, so its wrong and give me the same result. I try to apply it even on layout/blank page but same result again. where or what im wrong?

ps

var clientHeight = document.getElementById('mainshop').offsetHeight;

give me back the same result.

JahStation
  • 893
  • 3
  • 15
  • 35
  • min-height shouldnt give you this error, check if the main container has a fixed max-height – ekclone Jul 20 '18 at 14:25
  • im not big expert in css, so apologize if i said something wrong, but if mod manually the min-height the result is ok! i cannot find max-height nowhere. here u can find a live demo of the template: https://colorlib.com/polygon/gentelella/ – JahStation Jul 20 '18 at 14:27
  • I can't really recreate your problem, if you can somehow show a demo of your actual problem that would be useful – ekclone Jul 20 '18 at 14:35
  • can some one please confirm if this code is correct: $('#mainshop').css({'min-height': (($('#mainshop').outerHeight()))}); – JahStation Jul 24 '18 at 15:01

0 Answers0