Home/ Questions/Q 9141971
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T09:42:57+00:00

I have a table that lives inside a div. That table has a huge

  • 0

I have a table that lives inside a div. That table has a huge content in it that overlap the window, so I need to scroll far to the left to see its content. Problem is that the table doesn’t have a padding or margin on the right to make it more easier to read.

How can I add padding or margin to that table?

Here is the html looks like (Note that the css below doesn’t work):

<html>
<head></head>
<body>
<div id="table">
    <table>
        <thead>...</thead>
        <tbody>...</tbody>
    </table>  
</div>
<style>
table td, table th, table td {border: 1px solid red}
table { padding-right: 100px; border: 1px solid blue}
table thead, table tbody {padding-right: 100px;}
</style>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    thank for your answer.
    However I see that doing it by via javascript is much easier and also very flexible. Here, I’m doing using jQuery framework:

     $('#table').width() = $('table').width() + 20;
 $('table').css('padding-right', '10px');

    That will make the table width as it first intended to be.

    • 0