Why is my Bootstrap table overflowing the containing card?

Question

Actually i'm trying to set a table inside a bootstrap card, the issue is that the table width goes out off that card and i would to prevent it. The table is made for each tr of one th and 96 td. I was trying to set the table width to 100% and set to each td 1% of width but i didn't worked Here is the table code:

JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

The issue is the padding that Bootstrap applies. It results in each cell having a minimum width of 24px. .table.no-cellpadding td padding: 0; } Demo