Recently I was working with two projects and on my previous project everything was working fine and with this new project that I'm working with I am having problem with the tables. All the CSSs work fine except the table width and reponsiveness. For tables with less data it is showing about half of the page size instead of expanding to the page size and for those with many data the table expands to the right where few data are not visible.
As you can see in the above image that the table is filled only half of the size of the page. What am I doing wrong? Thank you!